diff --git a/README.md b/README.md
index 44e07e25..b36abecb 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
[](http://getbaseweb.com)
-Currently v2.3.6
+Currently v2.4.0
[](https://www.npmjs.com/package/baseweb)
diff --git a/dist/css/baseweb.css b/dist/css/baseweb.css
index d10aee71..6a69d3ae 100644
--- a/dist/css/baseweb.css
+++ b/dist/css/baseweb.css
@@ -1,7 +1,7 @@
/*!
* BaseWeb
* A fresh front-end development framework
- * @version 2.3.6
+ * @version 2.4.0
*
* @author Sebastian Nitu
* @url https://github.com/sebnitu/BaseWeb
diff --git a/dist/css/baseweb.css.map b/dist/css/baseweb.css.map
index 6bad4bcf..7bb06e5c 100644
--- a/dist/css/baseweb.css.map
+++ b/dist/css/baseweb.css.map
@@ -1 +1 @@
-{"version":3,"sources":["baseweb.scss","elements/_base.scss","core/_mixins.scss","settings/_global.scss","settings/_palette.scss","elements/_typography.scss","settings/_typography.scss","core/_media.scss","baseweb.css","core/_functions.scss","elements/_lists.scss","elements/_blockquotes.scss","elements/_code.scss","elements/_tables.scss","elements/_images.scss","elements/_rules.scss","elements/_forms.scss","elements/_buttons.scss","elements/_videos.scss","blocks/_button-groups.scss","blocks/_notices.scss","blocks/_breadcrumbs.scss","blocks/_dropdowns.scss","blocks/_tabs.scss","blocks/_off-canvas.scss","custom/_custom.scss","core/_grid.scss","settings/_grid.scss"],"names":[],"mappings":"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biOU;CazFX;;AArLC;EACE,eb4Pc;Ea3Pd,sBAAqB;EACrB,iBAAgB;EAChB,+Cb0QQ;EazQR,kCbyQQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,kCehN8B;UfgN9B,0BehN8B;Ef+N9B,2CetOqC;UfsOrC,mCetOqC;CAyEpC;;AAED;EACE,ebiPc;EahPd,iBAAgB;EAChB,+CbgQQ;Ea/PR,kCb+PQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,+BexM2B;UfwM3B,uBexM2B;EfuN3B,2CetOqC;UfsOrC,mCetOqC;CAmFpC;;AA4BD;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;EAEI,ebuLY;Ea9KV,6BAAyH;EAO7H,kCbwLQ;CavLT;;AA+DH;EAtHE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BboNc;EajNhB,4BAuHkC;EAtHlC,4CbkOU;CalGT;;AA9HD;EAEI,Yb8NM;EanNJ,0BAAmF;EAKvF,wCb8MQ;Ca7MT;;AAED;EAEI,YbyMM;Ea9LJ,0BAA2H;EAK/H,wCbyLQ;CaxLT;;AA+DH;EA0BI,4BAA2B;CAC5B;;AA3BH;EA6BI,6BAA4B;CAC7B;;AAGH;;GAEG;AACH;;EA1JE,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,0BAmJsB;EAhJxB,4BApH8B;EAqH9B,sCbiOU;Ca/EX;;AAhJC;;;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;EAEI,ebuLY;Ea9KV,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAyGH;;;;;;;EAhKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0Bb7Bc;EagChB,4BApH8B;EAqH9B,sCbiOU;CaxEX;;AAvJC;;;;;;;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAgHH;;;;EAvKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbmDe;EahDjB,4BApH8B;EAqH9B,sCbiOU;CajEX;;AA9JC;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;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","file":"baseweb.css","sourcesContent":["/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 16px;\n /* [1] */\n}\n\nbody {\n font-family: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 16px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: bold;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.375em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 0.875em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table.rowed th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table.expanded th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.375em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.75rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #fff;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-left.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 62rem;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Custom - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/_custom.scss';\n\n/*==============================================================================\n @Grid System - #{$filename}\n==============================================================================*/\n\n@include build-grid-system('mobile');\n\n@include media-min('medium') {\n @include build-grid-system();\n}\n\n/*==============================================================================\n @Mini Grid System - #{$filename}\n==============================================================================*/\n\n@include build-mini-grid-system();\n\n/*==============================================================================\n @Custom - #{$filename}\n==============================================================================*/\n\n// Custom styles go here\n// All variabls and mixins in BaseWeb are available to styles in this document\n\n/*==============================================================================\n @End - #{$filename}\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n"]}
\ No newline at end of file
+{"version":3,"sources":["baseweb.scss","elements/_base.scss","core/_mixins.scss","settings/_global.scss","settings/_palette.scss","elements/_typography.scss","settings/_typography.scss","core/_media.scss","baseweb.css","core/_functions.scss","elements/_lists.scss","elements/_blockquotes.scss","elements/_code.scss","elements/_tables.scss","elements/_images.scss","elements/_rules.scss","elements/_forms.scss","elements/_buttons.scss","elements/_videos.scss","blocks/_button-groups.scss","blocks/_notices.scss","blocks/_breadcrumbs.scss","blocks/_dropdowns.scss","blocks/_tabs.scss","blocks/_off-canvas.scss","custom/_custom.scss","core/_grid.scss","settings/_grid.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;ACPH;;gFAEgF;AAGhF;EACE,aAAY;EACZ,UAAS;EACT,WAAU;CACX;;AAGD;EACE,+BAA8B;EAC9B,2BAA0B;CAC3B;;AAGD;;EAEE,eAAc;CACf;;AAGD;EACE,eAAc;CACf;;AAKC;ECkFA,uBC9G4B;CF8B3B;;AAKD;EACE,oCGoJe;EHnJf,kBAAiB;CAClB;;AACD;EACE,oCGgJe;EH/If,kBAAiB;CAClB;;AAGH;;gFAEgF;AC9C9E;EACE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AAOD;EACE,cAAa;EACb,cAAa;EACb,YAAW;CACZ;;ADiDD;EACE,YAAW;CACZ;;AAKD;EACE,aAAY;CACb;;AI7EH;;;;;;;;;GASG;AAEH;EACE,gBCAmB;EDAS,SAAS;CACtC;;AAED;EACE,6ECbgF;EDchF,gBCLmB;EDMnB,mBCHsB;EDItB,oBCDuB;EDEvB,eDwUgB;ECvUhB,6CAA4C;EAAG,SAAS;CACzD;;AAED;;GAEG;AACH;EACE,eAAc;EACd,qBCP2B;EDQ3B,kBCFwB;EDGxB,oBCN0B;EDO1B,eD4TgB;CClTjB;;AAfD;EAQI,eDwEc;ECvEd,eAAc;CAKf;;AAdH;EAWM,eD+QmB;EC9QnB,sBAAqB;CACtB;;AAIL;EACE,eAAc;CACf;;AACD;EACE,kBAAiB;CAClB;;AACD;EACE,kBAAiB;CAClB;;AACD;EACE,iBAAgB;CACjB;;AACD;EACE,iBAAgB;EAChB,6BDkSgB;CCjSjB;;AACD;EACE,iBAAgB;EAChB,6BD8RgB;CC7RjB;;AEhDG;EFmDF;IACE,eAAc;GACf;EACD;IACE,eAAc;GACf;EACD;IACE,iBAAgB;GACjB;EACD;IACE,kBAAiB;GAClB;CG4EF;;AHzED;;GAEG;AACH;EACE,cAAa;CACd;;AAED;;GAEG;AACH;EACE,eDgBgB;ECfhB,sBAAqB;CAOtB;;AATD;EAKI,gBAAe;EACf,eDac;ECZd,2BAA0B;CAC3B;;AAGH;;GAEG;AACH;EACE,kBAAiB;CAClB;;AACD;EACE,mBAAkB;CACnB;;AACD;EACE,iBAAgB;CACjB;;AACD;EACE,cAAa;EACb,eAAc;EACd,mCAAqB;EHmBrB,mBC5GiB;CE2FlB;;AACD;EACE,mBAAkB;CACnB;;AACD;;EAEE,aAAY;EACZ,kCD2NgB;CC1NjB;;AAED;;GAEG;AACH;EACE,mBIJ8B;EJK9B,mBAAkB;EAClB,eDsNgB;EFkEd,iBAAgB;CGtRnB;;AAED;EACE,iBAAgB;EAChB,mBAAkB;CACnB;;AACD;EACE,oBC7HuB;ED8HvB,eDwMgB;CCvMjB;;AACD;EACE,kBAAiB;EACjB,eDwMgB;CCvMjB;;AAED;;GAEG;AACH;EACE,iBAAgB;CACjB;;AACD;EACE,mBAAkB;CACnB;;AACD;EACE,kBAAiB;CAClB;;AACD;EACE,oBAAmB;CACpB;;AACD;EACE,oBAAmB;CACpB;;AAED;;GAEG;AACH;EACE,0BAAyB;CAC1B;;AACD;EACE,0BAAyB;CAC1B;;AACD;EACE,2BAA0B;CAC3B;;AKDD;;gFAEgF;AAEhF;EACE,sBAAqB;EACrB,WAAU;CAKX;;AAPD;EAII,kBAAiB;EACjB,qBAAoB;CACrB;;AAGH;;GAEG;AACH;EACE,iBAAgB;CACjB;;AACD;EACE,mBAAkB;CACnB;;AACD;EACE,iBAAgB;CACjB;;AAED;;GAEG;AACH;EACE,oBAAmB;CACpB;;AACD;EACE,wBAAuB;CACxB;;AACD;EACE,wBAAuB;CACxB;;AAED;;GAEG;AACH;EACE,cAAa;CASd;;AAVD;EAGI,gBAAe;EACf,kBAAiB;EACjB,eNyHc;CMxHf;;AANH;EAQI,oBAAmB;CACpB;;AAMH;;gFAEgF;AAEhF;;GAEG;AACH;EA7ME,iBAAgB;EAChB,eAhCiB;EAiCjB,iBA9BmB;CAgPpB;;AAhNG;EACA,UAAS;EACT,cApCc;EAqCd,6BAA4B;CAE7B;;AALC;ERtCA,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AQ4OH;EAII,gBAAe;EACf,iBAAgB;CACjB;;AAGH;;GAEG;AAnMC;EACA,4CNgTQ;CM/ST;;AACC;EACA,yCN6SQ;CM5ST;;AAkMH;EAtLE,qCNgSU;CMxGX;;AAtLG;EACA,4CN6RQ;CM5RT;;AACC;EACA,sBAAqB;CACtB;;AAaC;EACA,WAAU;CACX;;AACM;EACL,eAAc;EACd,cA7Fc;EA8Fd,6BAA4B;EAC5B,eAAc;CAEf;;AANM;ER/FL,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AQkQH;;GAEG;AACH;ERtIE,mBC5GiB;COoPlB;;AAjJG;ERYF,4BC/GiB;EDgHjB,6BChHiB;COqGhB;;AACC;ERmBF,gCCzHiB;ED0HjB,+BC1HiB;COwGhB;;AAmBC;EACA,sCNsNQ;CMrNT;;AAmBC;ERiDF,kDQhDmD;ERgDnD,0CQhDmD;CAClD;;AACC;EACA,0BNmEgB;CMlEjB;;AChLH;;gFAEgF;AAEhF;EACE,eAAc;EACd,qBAAoB;EACpB,oBP6UgB;EF7MhB,mBC5GiB;CQVlB;;AAbD;;EAQI,eAAc;EACd,mBAAkB;EAClB,eAAc;EACd,gBAAe;CAChB;;AJDC;EIMF;IACE,iBAAgB;GACjB;CH4aF;;AIncD;;gFAEgF;AAEhF;EACE,oBR+UgB;EQ9UhB,+DNDkE;EMElE,mBHyH8B;EGxH9B,mBAAkB;EV+HlB,mBC5GiB;CSjBlB;;AACD;EACE,gBAAe;EACf,UAAS;EACT,WAAU;EACV,oBAAmB;EACnB,qBAAoB;EACpB,eRVe;EQWf,iBAAgB;CACjB;;AACD;EACE,iBAAgB;EAChB,iBAAgB;EAChB,eAAc;EACd,eRoUgB;CQpTjB;;AApBD;EAOI,eAAc;EACd,UAAS;EACT,iBAAgB;EAChB,eAAc;EACd,iBAAgB;EAChB,gBAAe;EACf,eAAc;EACd,iBAAgB;EAChB,eAAc;CACf;;AAhBH;EAkBI,kBAAiB;CAClB;;ACkOH;;gFAEgF;AAEhF;EACE,0BAAyB;EACzB,kBAAiB;EACjB,YAAW;EACX,gBAAe;EACf,eAAc;EACd,eAAc;CAUf;;AAhBD;EASI,oBA/QY;CAgRb;;AAVH;EAYI,eTmEc;ESlEd,kBAAiB;EACjB,iBAAgB;CACjB;;AAMH;;gFAEgF;AAEhF;;GAEG;AACH;EA9PE,cAhCgB;EAiChB,iBA5BmB;EA6BnB,0BAAyB;CA8P1B;;AA7PC;EACE,sBAlCsB;CAmCvB;;AA6PH;;GAEG;AArPD;EACE,4CTkTQ;CSjTT;;AAKG;;;;;EACE,yCT2SI;CS1SL;;AAYL;EACE,2CT6RQ;CS5RT;;AAEC;EACE,0CTyRM;CSxRP;;AA3BH;EACE,4CTkTQ;CSjTT;;AAKG;;;;;EACE,yCT2SI;CS1SL;;AAYL;EACE,2CT6RQ;CS5RT;;AAEC;EACE,0CTyRM;CSxRP;;AAqOL;;GAEG;AA7MC;EACE,sBApG8B;CAqG/B;;AAED;EACE,oBAtG2B;CAuG5B;;AA+ML;;GAEG;AACH;EXhME,mBC5GiB;CU8SlB;;AA1LK;;;;;EXDJ,4BCnHiB;CUsHZ;;AACD;;;;;EXDJ,6BCtHiB;CUyHZ;;AAOD;;;;;EXHJ,+BC7HiB;CUkIZ;;AACD;;;;;EXHJ,gCChIiB;CUqIZ;;AAkCD;EACE,sCT0KI;CSzKL;;AAFD;EACE,sCT0KI;CSzKL;;AATD;;EAEE,sCTgLI;CS/KL;;AAwBI;EXMT,kDWLmD;EXKnD,0CWLmD;CAClD;;AACc;EACb,0BTwBgB;CSvBjB;;AA4HH;;GAEG;AAhHC;EACE,yBAiHoD;CAhHrD;;AAFD;EACE,oBAoH+C;CAnHhD;;AAFD;EACE,uBAuHkD;CAtHnD;;AAFD;EACE,uBA0HkD;CAzHnD;;AAGE;EACD,iBAwH4C;CAvH7C;;AAFE;EACD,mBA2H8C;CA1H/C;;AAFE;EACD,kBA8H6C;CA7H9C;;AAgIL;;GAEG;AACH;EAvHE,cAjPgB;CA0WjB;;AAxHG;EACA,UAAS;CACV;;ANpNC;EMwUJ;IAlHI,eAAc;GAoHjB;EAnHW;;IAEN,oBAAmB;GACpB;CLsbJ;;AM3rBD;;gFAEgF;AAEhF;EACE,eAAc;EACd,eAAc;EACd,gBAAe;EACf,aAAY;CACb;;AAED;;GAEG;AACH;EACE,eAAc;EACd,kBAAiB;EACjB,mBAAkB;CACnB;;AACD;EACE,cAAa;EACb,iBAAgB;CACjB;;AAED;EACE,YAAW;EACX,2BAA0B;CAC3B;;AACD;EACE,cAAa;CAEd;;AAED;EACE,aAAY;EACZ,2BAA0B;CAC3B;;AACD;EACE,cAAa;CACd;;AAED;;GAEG;AACH;EZ2FE,mBC5GiB;CWmBlB;;AACD;EZwFE,mBYvF2B;CAC5B;;AACD;EACE,iBV2TU;EU1TV,6BAA4B;EAC5B,gBAAe;EACf,qCVuTU;EF9OV,yCE8OU;CUrTX;;ACxDD;;gFAEgF;AAEhF;EACE,eAAc;EACd,UAAS;EACT,YAAW;EACX,YAAW;EACX,eAAc;EACd,WAAU;EACV,iBAAgB;EAChB,eAAc;EACd,4CXgWU;CW/VX;;AAED;;GAEG;AACH;EACE,8CXyVU;CWxVX;;AACD;EACE,8CXsVU;CWrVX;;AACD;EACE,6CXmVU;CWlVX;;AC6GD;;gFAEgF;AAEhF;;GAEG;AACH;EACE,iBAAuD;EACvD,eArIsB;EAsItB,mBArI0B;CAsI3B;;AAED;;GAEG;AACH;EACE,gBAA+C;EAC/C,WAAU;EACV,eAAc;CACf;;AAED;;GAEG;AACH;EACE,sBAAqB;EACrB,uBAAkG;EAClG,kBAAsD;EACtD,mBPrC8B;EOsC9B,mBAAkB;EAClB,kBAAiB;EACjB,eZoLgB;EYnLhB,eAAc;CACf;;AAED;EAEI,sBAAwD;CACzD;;AAHH;EAKI,iBAAgB;CACjB;;AANH;EAQI,sBAAwD;CACzD;;AATH;EAWI,iBAAgB;CACjB;;ATzKC;ES6KF;IACE,iBAAgB;GACjB;CRipBF;;AQ9oBD;;gFAEgF;AAEhF;;GAEG;AACH;EA5GE,qBAnF0B;CAiM3B;;AA5GC;EACE,iBAAgB;CACjB;;AA2GH;EA/FE,sBAlGyB;EAmGzB,sBAAoD;CA8GrD;;AdvNC;EACE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AcuGD;EACE,uBAAsD;CACvD;;AA0FH;EA/EE,YAAW;EACX,YAAW;EACX,qBApHyB;EAqHzB,sBAAoD;CAiFnD;;AALH;EAxEM,aAAY;CACb;;AAuEL;;EAQI,sBAAqB;EACrB,oBAAmB;EACnB,qBAAyD;CAK1D;;AAfH;;EAaM,gBAAe;CAChB;;AAIL;;GAEG;AACH;EApIE,qBAnF0B;EAyN1B,eZsHgB;CY3GjB;;AA/IC;EACE,iBAAgB;CACjB;;AAgIH;EAKI,gBAAqD;EACrD,iBAA+C;EAC/C,mBAAkB;CACnB;;AARH;EAUI,gBAAqD;EACrD,eZ6Gc;CY5Gf;;AAGH;;GAEG;AACH;EAtJE,qBAnF0B;CA4Q3B;;AAvLC;EACE,iBAAgB;CACjB;;Ad5FD;EACE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;Ac0OH;;EAMI,YAAW;EACX,qBAAyD;CAW1D;;AAlBH;;EAUM,gBAAe;CAChB;;AAXL;;EAeQ,aAAY;CACb;;AAhBP;EAoBI,mBA5PuB;EA6PvB,yCZsGQ;EYrGR,0BAAyB;CAC1B;;AAvBH;EA0BI,mBAAkB;CAQnB;;AAlCH;;EA8BM,sBAAqB;EACrB,YAAW;CAEZ;;AAIL;;GAEG;AACH;EA9LE,qBAnF0B;CAmR3B;;AA9LC;EACE,iBAAgB;CACjB;;AA6LH;EAjLE,sBAlGyB;EAmGzB,sBAAoD;CAsLrD;;Ad/RC;EACE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AcuGD;EACE,uBAAsD;CACvD;;AA4KH;EAjKE,YAAW;EACX,YAAW;EACX,qBApHyB;EAqHzB,sBAAoD;CAmKnD;;AALH;EA1JM,aAAY;CACb;;AAiKL;;gFAEgF;AAEhF;;GAEG;AACH;EACE,sBAAqB;EACrB,oBAAyD;EACzD,eAjSiB;EAkSjB,mBAjSqB;EAkSrB,iBAAgB;EAChB,eZ0CgB;CYXjB;;AArCD;EASI,iBAAgB;CACjB;;AAVH;EAaI,oBAAmB;CACpB;;AAdH;EAgBI,mBAAkB;EAClB,WAAU;EACV,YAAW;EACX,WAAU;EACV,aAAY;EACZ,iBAAgB;EAChB,uBAAmB;EACnB,UAAS;CACV;;AAxBH;EA0BI,eAAc;EACd,oBA7TuB;EA8TvB,yCZqCQ;EYpCR,0BAAyB;CAC1B;;AA9BH;EAgCI,sBAAqB;EACrB,oBAnUuB;EAoUvB,yCZ+BQ;EY9BR,0BAAyB;CAC1B;;AAEH;;EAGI,uBA3UuB;EA4UvB,yCZuBQ;EYtBR,0BAAyB;CAC1B;;AAGH;;GAEG;AACH;;;;EAIE,mBAAkB;EAClB,eAAc;EACd,YAAW;EACX,qBAAyD;CAK1D;;AAZD;;;;EAUI,iBAAgB;CACjB;;AAGH;;GAEG;AACH;EACE,gBAzVoB;EA0VpB,qBAtWuB;EAuWvB,eApWiB;EAqWjB,mBApWqB;EAqWrB,eZxBgB;EYyBhB,2CZPU;EYQV,qCZTU;EYUV,uEZVU;EF5PV,uBcuQ8B;EdjP9B,mBC5GiB;EDiMjB,iFc+JgF;Ed/JhF,yEc+JgF;CAejF;;AApUC;EACG,YArDuB;CAsDzB;;AACD;EACG,YAxDuB;CAyDzB;;AACD;EACG,YA3DuB;CA4DzB;;AACD;EACG,YA9DuB;CA+DzB;;AA8RH;EAeI,cAAa;EACb,wBZjBQ;EYkBR,0BZrRc;EYsRd,uEZpBQ;CYqBT;;AAnBH;EAwBI,aAAY;EACZ,gCZ3BQ;CY4BT;;AAGH;;GAEG;AACH;;;EAGE,gBAAe;EACf,eZvDgB;EYwDhB,oBAAmB;CAKpB;;AAVD;;;EAQI,aAAY;CACb;;AAEH;EACE,qCAvXyC;EAwXzC,gCZ/CU;EYgDV,8BAvXkC;EAwXlC,iBAvXqB;EdgGrB,mBC5GiB;Ca4YlB;;AAbD;;EASI,mBAAkB;EAClB,UAAS;EACT,sBAAqB;CACtB;;AAGH;;EAEE,mBAAkB;EAClB,UAAS;EACT,kBAAiB;CAClB;;AAED;;GAEG;AACH;;EAEE,eAAc;EACd,qBAAyD;CAC1D;;AACD;EACE,YAAW;CACZ;;AACD;EACE,yBAAwB;CACzB;;AACD;EACE,gBAAe;EACf,iBAAgB;EAChB,gBAAsD;CACvD;;AAED;;GAEG;AACH;EACE,aAAY;EACZ,gBAAe;CAChB;;AAED;;GAEG;AACH;EACE,yBAAwB;EACxB,sBAAqB;EACrB,yKAA4M;EAC5M,iCAAgC;EAChC,6BAA4B;EAC5B,oBAAmB;CACpB;;AACD;;EAEE,aAAY;EACZ,gBAncoB;EAocpB,uBAAsB;CACvB;;AAED;;gFAEgF;AAEhF;;GAEG;AACH;EACE,sBAAwD;EACxD,eAzdiB;EA0djB,eZhJgB;CY4JjB;;AAfD;EAMI,iBAAgB;CACjB;;AAPH;EAUI,qBAAyD;CAI1D;;AAdH;EAYM,iBAAgB;CACjB;;AAGL;EACE,cAAa;CACd;;AACD;;EAEE,oBAAuD;CACxD;;AAED;;GAEG;AACH;EACE,eZ1fe;CY2fhB;;AAED;;GAEG;AACH;;;;;;;;;;;;EA3YE,YAAW;EACX,YAAW;EACX,qBApHyB;EAqHzB,sBAAoD;CAqZrD;;AAlZG;;;;;;;;;;;;EACE,aAAY;CACb;;AAkZL;;GAEG;AACH;;;;;;;;;;;;;;;;EAUI,aAAY;CACb;;AAXH;;EAaI,gCZzLQ;CY0LT;;AAGH;;gFAEgF;AAEhF;;GAEG;AAEH;EAEI,sBZzXe;CY0XhB;;AAEH;;;EAII,eZ5Xe;CY6XhB;;AAEH;EAEI,0BZ1Ye;CY2YhB;;AAIH;EAEI,sBZ5Ye;CY6YhB;;AAHH;;;EAOI,eZ7Ye;CY8YhB;;AARH;EAUI,0BZzZe;CY0ZhB;;AAGH;;GAEG;AAEH;EAEI,sBZhWgB;CYiWjB;;AAEH;;;EAII,eZvWgB;CYwWjB;;AAEH;EAEI,0BZlXgB;CYmXjB;;AAIH;EAEI,sBZnXgB;CYoXjB;;AAHH;;;EAOI,eZxXgB;CYyXjB;;AARH;EAUI,0BZjYgB;CYkYjB;;AAGH;;GAEG;AAEH;EAEI,sBZvnBa;CYwnBd;;AAEH;;;EAII,eZ1nBa;CY2nBd;;AAEH;EAEI,0BZxoBa;CYyoBd;;AAIH;EAEI,sBZ1oBa;CY2oBd;;AAHH;;;EAOI,eZ3oBa;CY4oBd;;AARH;EAUI,0BZvpBa;CYwpBd;;AAGH;;GAEG;AAEH;EAEI,sBZxjBc;CYyjBf;;AAEH;;;EAII,eZ3jBc;CY4jBf;;AAEH;EAEI,0BZzkBc;CY0kBf;;AAIH;EAEI,sBZ3kBc;CY4kBf;;AAHH;;;EAOI,eZ5kBc;CY6kBf;;AARH;EAUI,0BZxlBc;CYylBf;;ACjdH;;gFAEgF;AAEhF;;GAEG;AACH;EA9KE,gBAAe;EACf,sBAAqB;EACrB,cAAa;EACb,UAAS;EACT,sBApEwB;EAsExB,qBAlEuB;EAmEvB,eAlEiB;EAmEjB,mBAhEqB;EAiErB,qBA/DuB;EAgEvB,eb2QgB;Ea1QhB,sBAAqB;EACrB,mBAAkB;EAClB,oBAAmB;EACnB,oBAAmB;EAEnB,iBAAgB;EAChB,oCbqRU;EapRV,sCboRU;EFtOV,mBC5GiB;ED8MjB,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,mCexN6B;UfwN7B,2BexN6B;EfuO7B,2CetOqC;UfsOrC,mCetOqC;EAgGrC,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,uBbsOQ;EanOV,4BApH8B;EAqH9B,sCbiOU;CazFX;;AArLC;EACE,eb4Pc;Ea3Pd,sBAAqB;EACrB,iBAAgB;EAChB,+Cb0QQ;EazQR,kCbyQQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,kCehN8B;UfgN9B,0BehN8B;Ef+N9B,2CetOqC;UfsOrC,mCetOqC;CAyEpC;;AAED;EACE,ebiPc;EahPd,iBAAgB;EAChB,+CbgQQ;Ea/PR,kCb+PQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,+BexM2B;UfwM3B,uBexM2B;EfuN3B,2CetOqC;UfsOrC,mCetOqC;CAmFpC;;AA4BD;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;EAEI,ebuLY;Ea9KV,6BAAyH;EAO7H,kCbwLQ;CavLT;;AA+DH;EAtHE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BboNc;EajNhB,4BAuHkC;EAtHlC,4CbkOU;CalGT;;AA9HD;EAEI,Yb8NM;EanNJ,0BAAmF;EAKvF,wCb8MQ;Ca7MT;;AAED;EAEI,YbyMM;Ea9LJ,0BAA2H;EAK/H,wCbyLQ;CaxLT;;AA+DH;EA0BI,4BAA2B;CAC5B;;AA3BH;EA6BI,6BAA4B;CAC7B;;AAGH;;GAEG;AACH;;EA1JE,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,0BAmJsB;EAhJxB,4BApH8B;EAqH9B,sCbiOU;Ca/EX;;AAhJC;;;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;EAEI,ebuLY;Ea9KV,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAyGH;;;;;;;EAhKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0Bb7Bc;EagChB,4BApH8B;EAqH9B,sCbiOU;CaxEX;;AAvJC;;;;;;;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAgHH;;;;EAvKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbmDe;EahDjB,4BApH8B;EAqH9B,sCbiOU;CajEX;;AA9JC;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;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","file":"baseweb.css","sourcesContent":["/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 16px;\n /* [1] */\n}\n\nbody {\n font-family: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 16px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: bold;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.375em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 0.875em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table.rowed th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table.expanded th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.375em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.75rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #fff;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-left.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 62rem;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Custom - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/_custom.scss';\n\n/*==============================================================================\n @Grid System - #{$filename}\n==============================================================================*/\n\n@include build-grid-system('mobile');\n\n@include media-min('medium') {\n @include build-grid-system();\n}\n\n/*==============================================================================\n @Mini Grid System - #{$filename}\n==============================================================================*/\n\n@include build-mini-grid-system();\n\n/*==============================================================================\n @Custom - #{$filename}\n==============================================================================*/\n\n// Custom styles go here\n// All variabls and mixins in BaseWeb are available to styles in this document\n\n/*==============================================================================\n @End - #{$filename}\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n"]}
\ No newline at end of file
diff --git a/dist/css/baseweb.min.css b/dist/css/baseweb.min.css
index 8751ac91..ca3bd223 100644
--- a/dist/css/baseweb.min.css
+++ b/dist/css/baseweb.min.css
@@ -1,7 +1,7 @@
/*!
* BaseWeb
* A fresh front-end development framework
- * @version 2.3.6
+ * @version 2.4.0
*
* @author Sebastian Nitu
* @url https://github.com/sebnitu/BaseWeb
diff --git a/dist/css/baseweb.min.css.map b/dist/css/baseweb.min.css.map
index e6d68f2e..f51b808a 100644
--- a/dist/css/baseweb.min.css.map
+++ b/dist/css/baseweb.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["baseweb.scss","elements/_base.scss","core/_mixins.scss","settings/_global.scss","settings/_palette.scss","elements/_typography.scss","settings/_typography.scss","core/_media.scss","baseweb.css","core/_functions.scss","elements/_lists.scss","elements/_blockquotes.scss","elements/_code.scss","elements/_tables.scss","elements/_images.scss","elements/_rules.scss","elements/_forms.scss","elements/_buttons.scss","elements/_videos.scss","blocks/_button-groups.scss","blocks/_notices.scss","blocks/_breadcrumbs.scss","blocks/_dropdowns.scss","blocks/_tabs.scss","blocks/_off-canvas.scss","core/_grid.scss","settings/_grid.scss"],"names":[],"mappings":"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M0E,Af4M1E,mEe5M0E,AAkG1E,ab6NgB,Ca7PhB,AASC,4BALC,0Cb0QQ,AFvHV,gCehN8B,AfgN9B,wBehN8B,Af+N9B,0CetOqC,AfsOrC,iCetOqC,CAyEpC,AAED,2CARE,gBAAgB,AAEhB,4BbyQQ,CanQV,AAQC,eAPC,cbiPc,Aa/Od,0CbgQQ,AFpIV,2Ee5M0E,Af4M1E,mEe5M0E,AfyN1E,8BexM2B,AfwM3B,sBexM2B,AfuN3B,0CetOqC,AfsOrC,iCetOqC,CAmFpC,AA4BD,4BAEI,cb4MY,AanMV,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,eAEI,cbuLY,Aa9KV,yBAAyH,AAO7H,4BbwLQ,CavLT,AA+DH,iBAtHE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBboNc,AajNhB,2BAuHkC,AAtHlC,oCbkOU,CalGT,AA9HD,8CAEI,Wb8NM,AanNJ,yBAAmF,AAKvF,gCb8MQ,Ca7MT,AAED,wBAEI,WbyMM,Aa9LJ,yBAA2H,AAK/H,gCbyLQ,CaxLT,AAmGH,oFA1JE,cb6NgB,Aa5NhB,iBA9GoB,AAsHlB,yBAmJsB,AAhJxB,2BApH8B,AAqH9B,gCbiOU,Ca/EX,AAhJC,4MAEI,cb4MY,AanMV,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,yGAEI,cbuLY,Aa9KV,yBAAyH,AAO7H,4BbwLQ,CavLT,AAyGH,gPAhKE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBb7Bc,AagChB,2BApH8B,AAqH9B,gCbiOU,CaxEX,AAvJC,4kBAEI,Wb8NM,AarNJ,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,+SAEI,WbyMM,AahMJ,yBAAyH,AAO7H,4BbwLQ,CavLT,AAgHH,kKAvKE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBbmDe,AahDjB,2BApH8B,AAqH9B,gCbiOU,CajEX,AA9JC,4YAEI,Wb8NM,AarNJ,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,4MAEI,WbyMM,AahMJ,yBAAyH,AAO7H,4BbwLQ,CavLT,AAuHH,qKA9KE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBbuJgB,AapJlB,2BApH8B,AAqH9B,gCbiOU,Ca1DX,AArKC,kZAEI,W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","file":"baseweb.min.css","sourcesContent":["/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 16px;\n /* [1] */\n}\n\nbody {\n font-family: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 16px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: bold;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.375em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 0.875em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table.rowed th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table.expanded th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.375em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.75rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #fff;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-left.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 62rem;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Custom - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n"]}
\ No newline at end of file
+{"version":3,"sources":["baseweb.scss","elements/_base.scss","core/_mixins.scss","settings/_global.scss","settings/_palette.scss","elements/_typography.scss","settings/_typography.scss","core/_media.scss","baseweb.css","core/_functions.scss","elements/_lists.scss","elements/_blockquotes.scss","elements/_code.scss","elements/_tables.scss","elements/_images.scss","elements/_rules.scss","elements/_forms.scss","elements/_buttons.scss","elements/_videos.scss","blocks/_button-groups.scss","blocks/_notices.scss","blocks/_breadcrumbs.scss","blocks/_dropdowns.scss","blocks/_tabs.scss","blocks/_off-canvas.scss","core/_grid.scss","settings/_grid.scss"],"names":[],"mappings":"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M0E,Af4M1E,mEe5M0E,AAkG1E,ab6NgB,Ca7PhB,AASC,4BALC,0Cb0QQ,AFvHV,gCehN8B,AfgN9B,wBehN8B,Af+N9B,0CetOqC,AfsOrC,iCetOqC,CAyEpC,AAED,2CARE,gBAAgB,AAEhB,4BbyQQ,CanQV,AAQC,eAPC,cbiPc,Aa/Od,0CbgQQ,AFpIV,2Ee5M0E,Af4M1E,mEe5M0E,AfyN1E,8BexM2B,AfwM3B,sBexM2B,AfuN3B,0CetOqC,AfsOrC,iCetOqC,CAmFpC,AA4BD,4BAEI,cb4MY,AanMV,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,eAEI,cbuLY,Aa9KV,yBAAyH,AAO7H,4BbwLQ,CavLT,AA+DH,iBAtHE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBboNc,AajNhB,2BAuHkC,AAtHlC,oCbkOU,CalGT,AA9HD,8CAEI,Wb8NM,AanNJ,yBAAmF,AAKvF,gCb8MQ,Ca7MT,AAED,wBAEI,WbyMM,Aa9LJ,yBAA2H,AAK/H,gCbyLQ,CaxLT,AAmGH,oFA1JE,cb6NgB,Aa5NhB,iBA9GoB,AAsHlB,yBAmJsB,AAhJxB,2BApH8B,AAqH9B,gCbiOU,Ca/EX,AAhJC,4MAEI,cb4MY,AanMV,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,yGAEI,cbuLY,Aa9KV,yBAAyH,AAO7H,4BbwLQ,CavLT,AAyGH,gPAhKE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBb7Bc,AagChB,2BApH8B,AAqH9B,gCbiOU,CaxEX,AAvJC,4kBAEI,Wb8NM,AarNJ,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,+SAEI,WbyMM,AahMJ,yBAAyH,AAO7H,4BbwLQ,CavLT,AAgHH,kKAvKE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBbmDe,AahDjB,2BApH8B,AAqH9B,gCbiOU,CajEX,AA9JC,4YAEI,Wb8NM,AarNJ,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,4MAEI,WbyMM,AahMJ,yBAAyH,AAO7H,4BbwLQ,CavLT,AAuHH,qKA9KE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBbuJgB,AapJlB,2BApH8B,AAqH9B,gCbiOU,Ca1DX,AArKC,kZAEI,Wb8NM,AarNJ,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,+MAEI,WbyMM,AahMJ,yBAAyH,AAO7H,4BbwLQ,CavLT,AA8HH,yJArLE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBbjIa,AaoIf,2BApH8B,AAqH9B,gCbiOU,CanDX,AA5KC,0XAEI,Wb8NM,AarNJ,yBAAkF,AAOtF,4Bb6MQ,Ca5MT,AAED,mMAEI,WbyMM,AahMJ,yBAAyH,AAO7H,4BbwLQ,CavLT,AAqIH,wKA5LE,Wb+OU,Aa9OV,sCb6OU,AarOR,yBbgNc,Aa7MhB,2BApH8B,AAqH9B,gCbiOU,CatCX,AAzLC,wZAEI,Wb8NM,AanNJ,yBAAmF,AAKvF,4Bb6MQ,Ca5MT,AAED,kNAEI,WbyMM,Aa9LJ,yBAA2H,AAK/H,4BbwLQ,CavLT,AAwKH,8EAxJI,oBA9L4B,AA+L5B,eA1LwB,CAmV3B,AACD,8EApJI,eA/LuB,CAqV1B,AAED,cA/HE,cAAc,AACd,UAAW,CAgIZ,AAED,qBACE,2BAA4B,CAC7B,AACD,oBACE,0BAA2B,CAC5B,AAED,cftSE,YeuSmB,AftSnB,aesSmB,AACnB,UAAU,AACV,gBAAgB,AAChB,kBAAkB,AAClB,sBAAsB,AACtB,gBAAgB,AAChB,cAAc,AACd,gBAAgB,AAChB,iBAAkB,CACnB,ACpSD,eAzCE,kBAAkB,AACnB,cAAc,AACd,SAAS,AACT,aA1CiB,AA2CjB,sBA1CiB,AA2CjB,eAAgB,CAsChB,AApCC,iHAKC,kBAAkB,AAClB,MAAM,AACN,OAAO,AACP,WAAW,AACX,YAAY,AACZ,aAAc,CACd,AAWD,2BACE,qBA9CiC,CA+ClC,AAFD,0BACE,kBA9CiC,CA+ClC,AAFD,0BACE,sBA9CiC,CA+ClC,ACuNH,cAxPE,sBAAsB,AACtB,SAAS,AA2CP,qBAAqB,AACrB,WAAW,AAmFX,cAAe,CA2HlB,AjBlSC,oBACE,WAAW,AACX,cAAc,AACd,UAAW,CACZ,AiBuCC,sBACA,kBAAkB,AAClB,UAAU,AACV,QAAS,CAcV,AAjBC,4BAME,SAAU,CACX,AAPD,4BASE,SAAU,CACX,AAVD,6BAYE,SAAU,CACX,AAbD,6BAeE,SAAU,CACX,AA2BC,4BACA,aAAa,AACb,iBAA4C,CAC7C,AA+EC,sBACA,WAAW,AA5DX,qBAAqB,AACrB,WAAW,AACX,eAAgB,CA2DjB,AAzDG,8BACA,aAAa,AACb,gBAtGa,CAuGd,AARD,kCjB0BJ,yBiBfkC,AjBgBlC,0BiBhBkC,AjBmClC,2BCnIiB,ADoIjB,6BCpIiB,CgBkGZ,AAbD,iCjBoCJ,6BiBrBqC,AjBsBrC,4BiBtBqC,AjByCrC,4BC7IiB,AD8IjB,8BC9IiB,CgBsGZ,AA0KP,oBA1MI,cAAc,AACd,UAAW,CA2Md,AAzMK,kCACA,eAjFW,AAkFX,aAAc,CACf,AAuML,uBAxKI,cAAe,CA0KlB,AAxKK,+BACA,cAAc,AACd,WAAW,AACX,WAAW,AACX,eAAgB,CAejB,AAbG,uCACA,gBA9Ha,AA+Hb,aAAc,CACf,AATD,2CjBsBJ,yBiBVmC,AjBWnC,4BiBXmC,AjBVnC,2BC/GiB,ADgHjB,2BChHiB,CgB2HZ,AAdD,0CjBgCJ,0BiBhBoC,AjBiBpC,6BiBjBoC,AjBJpC,+BCzHiB,AD0HjB,6BC1HiB,CgB+HZ,AAgCL,oBACE,cAAc,AACd,UAAW,CAIZ,AAND,sBAII,kBAAmB,CACpB,AAID,4DAEE,UAAkB,CACnB,AAHD,4DAEE,SAAkB,CACnB,AAHD,4DAEE,aAAkB,CACnB,AAHD,4DAEE,SAAkB,CACnB,AAHD,4DAEE,SAAkB,CACnB,AAHD,4DAEE,aAAkB,CACnB,AAHD,4DAEE,aAAkB,CACnB,AAHD,4DAEE,WAAkB,CACnB,AAHD,4DAEE,aAAkB,CACnB,AAHD,8DAEE,SAAkB,CACnB,AAHD,8DAEE,YAAkB,CACnB,AAHD,8DAEE,YAAkB,CACnB,AAID,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,+CAEE,iBAAsD,CACvD,AAHD,iDAEE,iBAAsD,CACvD,AAHD,iDAEE,kBAAsD,CACvD,AAHD,iDAEE,kBAAsD,CACvD,AZlKD,yBYgLA,6BA1HA,cAAc,AACd,WAAW,AAoCX,cAAe,CAuFd,AAzHC,2CACA,eAjFW,AAkFX,aAAc,CACf,AAiCC,qCACA,cAAc,AACd,WAAW,AACX,WAAW,AACX,eAAgB,CAejB,AAbG,6CACA,gBA9Ha,AA+Hb,aAAc,CACf,AATD,iDjBsBJ,yBiBVmC,AjBWnC,4BiBXmC,AjBVnC,2BC/GiB,ADgHjB,2BChHiB,CgB2HZ,AAdD,gDjBgCJ,0BiBhBoC,AjBiBpC,6BiBjBoC,AjBJpC,+BCzHiB,AD0HjB,6BC1HiB,CgB+HZ,CX45DN,AD3gEG,yBYqLA,8BA/HA,cAAc,AACd,WAAW,AAoCX,cAAe,CA4Fd,AA9HC,4CACA,eAjFW,AAkFX,aAAc,CACf,AAiCC,sCACA,cAAc,AACd,WAAW,AACX,WAAW,AACX,eAAgB,CAejB,AAbG,8CACA,gBA9Ha,AA+Hb,aAAc,CACf,AATD,kDjBsBJ,yBiBVmC,AjBWnC,4BiBXmC,AjBVnC,2BC/GiB,ADgHjB,2BChHiB,CgB2HZ,AAdD,iDjBgCJ,0BiBhBoC,AjBiBpC,6BiBjBoC,AjBJpC,+BCzHiB,AD0HjB,6BC1HiB,CgB+HZ,CX87DN,AD7iEG,yBY0LA,+BApIA,cAAc,AACd,WAAW,AAoCX,cAAe,CAiGd,AAnIC,6CACA,eAjFW,AAkFX,aAAc,CACf,AAiCC,uCACA,cAAc,AACd,WAAW,AACX,WAAW,AACX,eAAgB,CAejB,AAbG,+CACA,gBA9Ha,AA+Hb,aAAc,CACf,AATD,mDjBsBJ,yBiBVmC,AjBWnC,4BiBXmC,AjBVnC,2BC/GiB,ADgHjB,2BChHiB,CgB2HZ,AAdD,kDjBgCJ,0BiBhBoC,AjBiBpC,6BiBjBoC,AjBJpC,+BCzHiB,AD0HjB,6BC1HiB,CgB+HZ,CXg+DN,AWxzDD,sBA/EE,cAAc,AACd,oBAhOe,CAgThB,AjBhUC,4BACE,WAAW,AACX,cAAc,AACd,UAAW,CACZ,AiB+OC,0JjBtNE,UAAW,CACZ,AiBqND,0FjBjNE,WAAY,CACb,AiBsNH,0CACE,WAAW,AACX,UAAW,CACZ,AAED,4jBACE,aAAa,AACb,gBAhPa,AAiPb,iBAjPa,CAkPd,AC3BH,QA7KE,aApDgB,AAqDhB,qBApDyB,AAqDzB,cAhDiB,AAiDjB,kBA9CqB,AlBoHrB,kBC5GiB,AiBqEf,chB4Pc,AgB3Pd,wChB6QQ,AgB5QR,mBhBkPc,AgBjPd,iChB0QQ,AgBzQR,oChByQQ,CgB/HX,AA1KC,eACE,YAAY,AACZ,0BAA4B,AAC5B,aAAc,CAKf,AAHG,iBACA,mBAAoB,CACrB,AA4BC,iBACE,WhBsQI,AgBrQJ,oChBoQI,AgBnQJ,mBhBkPU,AgBjPV,iChBkQI,AgBjQJ,oChBiQI,CgBhQL,AAsIP,0BA9HQ,kBhBfU,CgBoJjB,AAhIK,4CAIM,8BhBnBM,CgBsBX,AA0HP,8BAtIQ,kBhBiEW,CgB4ElB,AAxIK,gDAIM,6BhB6DO,CgB1DZ,AAkIP,+BA9IQ,kBhB8HY,CgBwBnB,AAjJK,iDAIM,chB8NM,AgB9NN,kBhByHQ,CgBtHb,AA2IP,eAvJQ,kBhBqKY,CgBPnB,AAzJK,wBAIM,kBhBiKQ,CgB9Jb,AAmJP,2BA/JQ,kBhBnHS,CgByRhB,AAjKK,6CAIM,kBhBvHK,CgB0HV,AA2JP,eAvKQ,kBhB3EY,CgByPnB,AAzKK,wBAIM,kBhB/EQ,CgBkFb,AAqLP,cAjKI,cApIuB,CAuS1B,AACD,cA9JI,eAzIuB,CAyS1B,AAED,eAvIE,eAHuC,AAIvC,SAAS,AACT,gBA1K2B,AA2K3B,eAAgB,CAsIjB,AAnIG,wBACE,aAAc,CACf,Ab/KD,yBakTJ,kBAlHM,UAzLc,AA2LZ,WAAW,AACX,oBA3L6B,CA4SpC,CZm9DA,ADvwEG,yBaqTJ,mBArHM,UAzLc,AA8LZ,YAAY,AACZ,oBA7L8B,CA8SrC,CZw9DA,AajqED,YAzEE,cAAc,AACd,aA1CgB,AA2ChB,aAxCiB,CAiHlB,AAtEC,8BAEE,SAAS,AACT,eAAgB,CAEjB,AALD,0CnBpDE,WAAW,AACX,cAAc,AACd,UAAW,CACZ,AmB2DD,eACE,WAAW,AACX,QAAS,CACV,AAGE,iBAGD,aAAc,CAKf,AAGD,qBACE,ajBmQc,CiBlQf,AAGD,qBACE,YAhEe,AAiEf,gBAhE4B,AAiE5B,ajB2Pc,CiB1Pf,AAIC,gCACE,YAAa,CACd,AA8BL,oBAjBE,iBApGqB,AAqGrB,mBjBXgB,AiBYhB,gCjB2PU,AFtOV,iBC5GiB,CkBwGlB,AC6YD,2CA/bE,kBAAkB,AAClB,cAAc,AACd,YAhE2B,AAiE3B,SAAS,AACT,iBb2D+B,Aa1D/B,mBA1DsB,AA2DtB,gBlBuRU,AkBtRV,4BAxDgC,AAyDhC,gClBoRU,AkBnRV,qClBmRU,AkBlRV,iBnBhEiB,CmByflB,AAKD,UAnYI,SAAU,CAqYb,AAnYK,qDAEA,WAAW,AACX,SAAS,AACT,gBAAgB,AAChB,cAAc,AACd,oClB+MM,AkB9MN,gBAAgB,AAChB,eAAgB,CASjB,AAjBC,6EAWE,kBAAkB,ApBzBxB,2BC/GiB,ADgHjB,2BChHiB,CmB0IZ,AAbD,2EpBJJ,+BCzHiB,AD0HjB,6BC1HiB,CmB6IZ,AAwXP,kBAnXI,WAzJuB,CA8gB1B,AAnXK,oBACA,gBAvIoB,AAwIpB,kBAxIoB,CAyIrB,AACC,+BACA,YAAa,CACd,AACC,8BACA,eAAgB,CACjB,AAEC,qBACA,YAAuC,CACxC,AAGC,0BACA,cAAc,AACd,aAzKwB,AA0KxB,YAzKqB,AA0KrB,clByJY,AkBxJZ,cAAc,AACd,iBnB1Ka,CmB4Ld,AAxBC,gCASE,2BlBqKI,AkBpKJ,clBmJU,AkBlJV,oBAAqB,CACtB,AAEC,4BACA,gBArKkB,AAsKlB,kBAtKkB,CAuKnB,AACC,uCACA,YAAa,CACd,AACC,sCACA,eAAgB,CACjB,AAGD,0BACA,aAAc,CACf,AA4UL,eAxUI,gBAAgB,AAChB,YA3MyB,CAohB5B,AAtUG,kBACE,kBAAkB,AAClB,SAAS,AACT,sClBuIM,CkBtIP,AACD,wBACE,2BlBoIM,AkBnIN,2BAA4B,CAS7B,AAPG,0BACA,alB+GU,CkB1GX,AANC,gCAIE,oBAAqB,CACtB,AAID,2BACA,alBkGU,CkBjGX,AAHH,+BAKI,eAAgB,CACjB,AAEH,8BpBlHF,2BC/GiB,ADgHjB,2BChHiB,CmBmOd,AACD,6BACE,qBAAqB,ApB5GzB,+BCzHiB,AD0HjB,6BC1HiB,CmBuOd,AAEE,oBACD,cAAc,AACd,kBAhP4B,AAiP5B,clBqFY,AkBpFZ,aAAc,CACf,AAsSL,kBAxcE,iBAAkB,CA2cnB,AAxcC,4BACE,kBAAkB,AAClB,UA5F0B,AA8FxB,YAAa,CAShB,AAGwB,oFACvB,UA1G0B,AA4GxB,aAAc,CASjB,AAyJC,4BACE,gBA1OmB,AA2OnB,SAAS,AACT,OA3OmB,AA4OnB,WAAW,AACX,YAAY,AACZ,wCAAiE,AAAjE,+BAAiE,CAClE,AACwB,oFACvB,gBAlPmB,AAmPnB,SAAS,AACT,OAnPmB,AAoPnB,WAAW,AACX,YAAY,AACZ,gCAA+B,AAA/B,uBAA+B,CAChC,AAsQL,eA7cE,iBAAkB,CAgdnB,AA7cC,8BACE,kBAAkB,AAClB,UA5F0B,AA8FxB,YAAa,CAShB,AAGY,+EACX,UA1G0B,AA4GxB,aAAc,CASjB,AAuUC,8BACE,qBAzZsB,AA0ZtB,UAuGgM,AAtGhM,UAAU,AACV,WAAW,AACX,YAAY,AACZ,wCAAiE,AAAjE,+BAAiE,CAClE,AACY,+EACX,qBAjasB,AAkatB,UA+FgM,AA9FhM,UAAU,AACV,WAAW,AACX,YAAY,AACZ,gCAA+B,AAA/B,uBAA+B,CAChC,ACvaH,MACE,kBAAkB,AAClB,YA3C0B,CAuD3B,AAdD,oCAMI,QAAS,CACV,AAPH,gBASI,SAAW,CACZ,AAVH,oBAYI,SAAU,CACX,AAIH,UACE,aA3D0B,AA4D1B,iBAAkB,CA6BnB,AA/BD,aAKI,oBAAa,AAAb,oBAAa,AAAb,aAAa,AACb,gBAAgB,AAChB,QAAS,CACV,AARH,gBAUI,mBAAc,AAAd,kBAAc,AAAd,cAAc,AACd,QAAS,CACV,AAZH,YAcI,cAAc,AACd,YAxEsB,AAyEtB,WAAY,CACb,AAjBH,oBAqBM,mBAAe,AAAf,cAAe,CAChB,AAtBL,uBAwBM,mBAAc,AAAd,kBAAc,AAAd,aAAc,CAKf,AA7BL,yBA2BQ,eAnFsB,CAoFvB,AAMP,cACE,YA7F0B,CAqG3B,AATD,0BAII,YAAa,CACd,AALH,iCAOI,aAAc,CACf,AAyBD,iDAGI,mBnBwMU,AmBvMV,yBnByMU,AF/MhB,iBC5GiB,CoBoHZ,AANH,uDAQI,8BnBqMU,CmBzLX,AApBH,+ErBqBF,2BCnIiB,ADoIjB,6BCpIiB,CoB6HV,AAfL,6EAiBM,kBAAkB,ArBc1B,4BC7IiB,AD8IjB,8BC9IiB,CoBiIV,AAnBL,+CAsBI,anB6LU,CmBnLX,AAhCH,2DA4BM,gBnBgLQ,AmB/KR,cnBsLQ,AmBrLR,oBAAqB,CACtB,AA/BL,qEAoCI,enBiMI,CmBhML,AArCH,+DAuCI,anB4KU,CmBxKX,AA3CH,2EAyCM,enB4LE,CmB3LH,AA1CL,2FA+CI,8BnB8JU,CmB7JX,AAEH,yBrBvCF,6BqByCqC,ArBxCrC,2BqBwCqC,CAChC,AAHH,4BAKI,oCAAoC,AACpC,kBAAmB,CACpB,AAPH,wCrBnCF,2BqB4C0C,CACrC,AAVH,uCrBhCF,4BqB4C2C,CACtC,AAbH,mCAeI,4BnBoKI,CmBnKL,AAEH,0BACE,gBA/L0B,AAgM1B,yBnBuIY,AmBtIZ,gBAAgB,ArB5DpB,+BCzHiB,AD0HjB,6BC1HiB,CoBuLd,AAID,iDAGI,+BnB6HU,CmB5HX,AAJH,uDAMI,oCAAoC,AACpC,kBAAmB,CAIpB,AAXH,+CAaI,anBqHU,CmB7GX,AArBH,2DAkBM,cnB7HQ,AmB8HR,oBAAqB,CACtB,AApBL,qEAwBI,+BnBnIU,CmBoIX,AAzBH,+DA2BI,anB2GU,CmBvGX,AA/BH,2EA6BM,anBxIQ,CmByIT,AAGL,0BACE,gBAzO0B,AA0O1B,yBnB6FY,AmB5FZ,eAAgB,CACjB,ACtMH,gCAGC,WAAY,CACZ,AAED,SACC,kBAAkB,AAClB,gBAAgB,AACf,kBpBsRc,CoBrRf,AACD,YACC,kBAAkB,AAClB,OAAO,AACP,UAAU,AACV,yCAjD2B,AAiD3B,iCAjD2B,AAiD3B,yBAjD2B,AAiD3B,+CAjD2B,AAkD1B,epBySQ,CoBxST,AACD,UACE,kBAAkB,AAClB,eAAgB,CACjB,AACD,UACC,eAtDuB,AAuDvB,MAAM,AACN,UAAW,AACX,kBAAkB,AAClB,YA5Dc,AA6Db,gBAAgB,AACjB,2BA/D2B,AA+D3B,mBA/D2B,AAgE1B,epB2RQ,CoB1RT,AAIC,kBACC,kBAAkB,AAClB,MAAM,AACN,QAAQ,AACR,QAAQ,AACR,SAAS,AACT,0BpB+QO,AoB9QP,WAAW,AACX,UAAU,AACV,4DA9EyB,AA8EzB,mDA9EyB,CA+EzB,AAWD,6CATC,WAAW,AACX,YAAY,AACZ,UAAU,AACV,+BApFyB,AAoFzB,sBApFyB,CA0F1B,AAUC,gBATA,kBAAkB,AAClB,MAAM,AACN,OAAO,AAGN,0BpB0PM,AoBzPP,UAAW,CAGX,AACD,2BACC,QAAQ,AACR,SAAS,AACT,UAAU,AACV,4DAzGyB,AAyGzB,mDAzGyB,CA0GzB,AAqBD,wBACE,OAAO,AACR,mBAAmB,AACnB,yCAAmC,AAAnC,gCAAmC,CACnC,AACD,iDACC,mBAAmB,AACnB,gCAA+B,AAA/B,uBAA+B,CAC/B,AACD,8BACC,YAAa,CACb,ACiDH,WAhKE,WAAW,AAET,eAAe,AAGf,eAAe,AAEjB,SAAS,AACT,gBC3B4B,CDqL7B,AAGD,KAjII,cAAc,AACd,cAAe,CAkIlB,AAGD,UAxIE,UAAW,CAwIb,AAEC,KA/GC,WAAW,AAKT,eAAe,AACf,eAAgB,CAyGnB,AlB3MC,yBkB+LF,WAtJE,WC9CkB,ADgDhB,eC9BwB,ADiCxB,gBChCyB,ADkC3B,cCrCyB,ADsCzB,gBCrC4B,CDqL7B,AvB5MD,iBACE,WAAW,AACX,cAAc,AACd,UAAW,CACZ,AuB2MD,KA7HE,WAAW,AAET,oBAAoD,AACpD,oBAAqD,CA4HxD,AvBjND,WACE,WAAW,AACX,cAAc,AACd,UAAW,CACZ,AuBgND,KApGE,eAAe,AAeb,oBAAqD,AACrD,oBAAsD,CAsFzD,AApGC,mBADA,UC9FmB,CDiGlB,AACD,eACE,WAAY,CACb,AA0GC,qBACE,eAAe,AACf,eAAgB,CACjB,AAKD,OACE,YAjOyE,CAkO1E,AAFD,OACE,aAjOyE,CAkO1E,AAFD,OACE,SAjOyE,CAkO1E,AAFD,OACE,aAjOyE,CAkO1E,AAFD,OACE,aAjOyE,CAkO1E,AAFD,OACE,SAjOyE,CAkO1E,AAFD,OACE,aAjOyE,CAkO1E,AAFD,OACE,aAjOyE,CAkO1E,AAFD,OACE,SAjOyE,CAkO1E,AAFD,QACE,aAjOyE,CAkO1E,AAFD,QACE,aAjOyE,CAkO1E,AAFD,QACE,UAjOyE,CAkO1E,AAMC,UA9EJ,kBA3IuE,CA2NlE,AAFD,UA9EJ,mBA3IuE,CA2NlE,AAFD,UA9EJ,eA3IuE,CA2NlE,AAFD,UA9EJ,mBA3IuE,CA2NlE,AAFD,UA9EJ,mBA3IuE,CA2NlE,AAFD,UA9EJ,eA3IuE,CA2NlE,AAFD,UA9EJ,mBA3IuE,CA2NlE,AAFD,UA9EJ,mBA3IuE,CA2NlE,AAFD,UA9EJ,eA3IuE,CA2NlE,AAFD,WA9EJ,mBA3IuE,CA2NlE,AAFD,WA9EJ,mBA3IuE,CA2NlE,AAOD,UAzEN,mBAzJyE,CAoOlE,AAFD,UAzEN,oBAzJyE,CAoOlE,AAFD,UAzEN,gBAzJyE,CAoOlE,AAFD,UAzEN,oBAzJyE,CAoOlE,AAFD,UAzEN,oBAzJyE,CAoOlE,AAFD,UAzEN,gBAzJyE,CAoOlE,AAFD,UAzEN,oBAzJyE,CAoOlE,AAFD,UAzEN,oBAzJyE,CAoOlE,AAFD,UAzEN,gBAzJyE,CAoOlE,AAFD,WAzEN,oBAzJyE,CAoOlE,AAFD,WAzEN,oBAzJyE,CAoOlE,CjB0wFR,AiB5vFC,uFACE,aAAc,CAEf,AAHD,+JvBzQE,WAAW,AACX,cAAc,AACd,UAAW,CACZ,AuB2QD,sPACE,UAAW,CACZ,AAMC,oBAGE,UAAkB,CACnB,AAJD,oBAGE,SAAkB,CACnB,AAJD,oBAGE,aAAkB,CACnB,AAJD,oBAGE,SAAkB,CACnB,AAJD,oBAGE,SAAkB,CACnB,AAJD,oBAGE,aAAkB,CACnB,AAJD,oBAGE,aAAkB,CACnB,AAJD,oBAGE,WAAkB,CACnB,AAJD,oBAGE,aAAkB,CACnB,AAJD,sBAGE,SAAkB,CACnB,AAJD,sBAGE,YAAkB,CACnB,AAJD,sBAGE,YAAkB,CACnB","file":"baseweb.min.css","sourcesContent":["/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 16px;\n /* [1] */\n}\n\nbody {\n font-family: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 16px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: bold;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.375em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 0.875em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table.rowed th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table.expanded th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.375em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.75rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #fff;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-left.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 62rem;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Custom - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n"]}
\ No newline at end of file
diff --git a/docs/_config.yml b/docs/_config.yml
index 6f5d459c..1296d34a 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -4,7 +4,7 @@
# Site
title: BaseWeb
-version: 2.3.6
+version: 2.4.0
description: >
BaseWeb is a fresh SCSS front-end development framework and library built to
help keep your projects simple, organized and responsive.
diff --git a/docs/dist/css/styles.css b/docs/dist/css/styles.css
index 727a06bd..9789d3dd 100644
--- a/docs/dist/css/styles.css
+++ b/docs/dist/css/styles.css
@@ -2,7 +2,7 @@
/*!
* BaseWeb
* A fresh front-end development framework
- * @version 2.3.6
+ * @version 2.4.0
*
* @author Sebastian Nitu
* @url https://github.com/sebnitu/BaseWeb
diff --git a/docs/dist/css/styles.css.map b/docs/dist/css/styles.css.map
index 92ccf579..113ea5f4 100644
--- a/docs/dist/css/styles.css.map
+++ b/docs/dist/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sources":["styles.css","styles.scss","../../../src/scss/elements/_base.scss","../../../src/scss/core/_mixins.scss","../../../src/scss/settings/_global.scss","../../../src/scss/settings/_palette.scss","../../../src/scss/elements/_typography.scss","custom/_overrides.scss","../../../src/scss/settings/_typography.scss","../../../src/scss/core/_media.scss","../../../src/scss/core/_functions.scss","../../../src/scss/elements/_lists.scss","../../../src/scss/elements/_blockquotes.scss","../../../src/scss/elements/_code.scss","../../../src/scss/elements/_tables.scss","../../../src/scss/elements/_images.scss","../../../src/scss/elements/_rules.scss","../../../src/scss/elements/_forms.scss","../../../src/scss/elements/_buttons.scss","../../../src/scss/elements/_videos.scss","../../../src/scss/blocks/_button-groups.scss","../../../src/scss/blocks/_notices.scss","../../../src/scss/blocks/_breadcrumbs.scss","../../../src/scss/blocks/_dropdowns.scss","../../../src/scss/blocks/_tabs.scss","../../../src/scss/blocks/_off-canvas.scss","custom/_custom.scss","../../../src/scss/core/_grid.scss","../../../src/scss/settings/_grid.scss","custom/_demos.scss","custom/_swatches.scss","custom/_highlight.scss"],"names":[],"mappings":"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,4BApH8B;EAqH9B,sCbiOU;CazFX;;AArLC;EACE,eb4Pc;Ea3Pd,sBAAqB;EACrB,iBAAgB;EAChB,+Cb0QQ;EazQR,kCbyQQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,kCehN8B;UfgN9B,0BehN8B;Ef+N9B,2CetOqC;UfsOrC,mCetOqC;CAyEpC;;AAED;EACE,ebiPc;EahPd,iBAAgB;EAChB,+CbgQQ;Ea/PR,kCb+PQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,+BexM2B;UfwM3B,uBexM2B;EfuN3B,2CetOqC;UfsOrC,mCetOqC;CAmFpC;;AA4BD;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;EAEI,ebuLY;Ea9KV,6BAAyH;EAO7H,kCbwLQ;CavLT;;AA+DH;EAtHE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BboNc;EajNhB,4BAuHkC;EAtHlC,4CbkOU;CalGT;;AA9HD;EAEI,Yb8NM;EanNJ,0BAAmF;EAKvF,wCb8MQ;Ca7MT;;AAED;EAEI,YbyMM;Ea9LJ,0BAA2H;EAK/H,wCbyLQ;CaxLT;;AA+DH;EA0BI,4BAA2B;CAC5B;;AA3BH;EA6BI,6BAA4B;CAC7B;;AAGH;;GAEG;AACH;;EA1JE,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,0BAmJsB;EAhJxB,4BApH8B;EAqH9B,sCbiOU;Ca/EX;;AAhJC;;;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;EAEI,ebuLY;Ea9KV,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAyGH;;;;;;;EAhKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0Bb7Bc;EagChB,4BApH8B;EAqH9B,sCbiOU;CaxEX;;AAvJC;;;;;;;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAgHH;;;;EAvKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbmDe;EahDjB,4BApH8B;EAqH9B,sCbiOU;CajEX;;AA9JC;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAuHH;;;;EA9KE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbuJgB;EapJlB,4BApH8B;EAqH9B,sCbiOU;Ca1DX;;AArKC;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AA8HH;;;;EArLE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbjIa;EaoIf,4BApH8B;EAqH9B,sCbiOU;CanDX;;AA5KC;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAqIH;;;;EA5LE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbgNc;Ea7MhB,4BApH8B;EAqH9B,sCbiOU;CatCX;;AAzLC;;;;;;;EAEI,Yb8NM;EanNJ,0BAAmF;EAKvF,kCb6MQ;Ca5MT;;AAED;;;;EAEI,YbyMM;Ea9LJ,0BAA2H;EAK/H,kCbwLQ;CavLT;;AAqKH;;GAEG;AACH;;EAxJI,sBA9L4B;EA+L5B,kBA1LwB;CAmV3B;;AACD;;EApJI,iBA/LuB;CAqV1B;;AAED;EA/HE,eAAc;EACd,YAAW;CAgIZ;;AAED;EACE,6BAA4B;CAC7B;;AACD;EACE,4BAA2B;CAC5B;;AAED;EftSE,aeuSmB;EftSnB,cesSmB;EACnB,WAAU;EACV,iBAAgB;EAChB,mBAAkB;EAClB,uBAAsB;EACtB,iBAAgB;EAChB,eAAc;EACd,iBAAgB;EAChB,mBAAkB;CACnB;;ACxSD;;gFAEgF;AAEhF;EAzCE,mBAAkB;EACnB,eAAc;EACd,UAAS;EACT,cA1CiB;EA2CjB,uBA1CiB;EA2CjB,iBAAgB;CAsChB;;AApCC;;;;;EAKC,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACZ,eAAc;CACd;;AA2BH;;GAEG;AAlBD;EACE,uBA9CiC;CA+ClC;;AAFD;EACE,oBA9CiC;CA+ClC;;AAFD;EACE,wBA9CiC;CA+ClC;;ACmNH;;gFAEgF;AAEhF;EAxPE,uBAAsB;EACtB,UAAS;EA2CP,sBAAqB;EACrB,YAAW;EAmFX,gBAAe;CA2HlB;;AjBlSC;EACE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AiBuCC;EACA,mBAAkB;EAClB,WAAU;EACV,UAAS;CAcV;;AAjBC;EAME,WAAU;CACX;;AAPD;EASE,WAAU;CACX;;AAVD;EAYE,WAAU;CACX;;AAbD;EAeE,WAAU;CACX;;AA2BC;EACA,cAAa;EACb,oBAA4C;CAC7C;;AA+EC;EACA,YAAW;CACZ;;AA9DC;EACA,sBAAqB;EACrB,YAAW;EACX,iBAAgB;CAejB;;AAbG;EACA,cAAa;EACb,kBAtGa;CAuGd;;AARD;EjB0BJ,0BiBfkC;EjBgBlC,2BiBhBkC;EjBmClC,4BCnIiB;EDoIjB,+BCpIiB;CgBkGZ;;AAbD;EjBoCJ,8BiBrBqC;EjBsBrC,6BiBtBqC;EjByCrC,6BC7IiB;ED8IjB,gCC9IiB;CgBsGZ;;AAuKP;;GAEG;AACH;EA1MI,eAAc;EACd,YAAW;CA2Md;;AAzMK;EACA,gBAjFW;EAkFX,eAAc;CACf;;AAuML;EAxKI,gBAAe;CA0KlB;;AAxKK;EACA,eAAc;EACd,YAAW;EACX,YAAW;EACX,iBAAgB;CAejB;;AAbG;EACA,iBA9Ha;EA+Hb,eAAc;CACf;;AATD;EjBsBJ,0BiBVmC;EjBWnC,6BiBXmC;EjBVnC,4BC/GiB;EDgHjB,6BChHiB;CgB2HZ;;AAdD;EjBgCJ,2BiBhBoC;EjBiBpC,8BiBjBoC;EjBJpC,gCCzHiB;ED0HjB,+BC1HiB;CgB+HZ;;AAwJP;;GAEG;AA1HD;EACE,eAAc;EACd,YAAW;CAIZ;;AAND;EAII,oBAAmB;CACpB;;AAID;;EAEE,YAAkB;CACnB;;AAHD;;EAEE,WAAkB;CACnB;;AAHD;;EAEE,eAAkB;CACnB;;AAHD;;EAEE,WAAkB;CACnB;;AAHD;;EAEE,WAAkB;CACnB;;AAHD;;EAEE,eAAkB;CACnB;;AAHD;;EAEE,eAAkB;CACnB;;AAHD;;EAEE,aAAkB;CACnB;;AAHD;;EAEE,eAAkB;CACnB;;AAHD;;EAEE,WAAkB;CACnB;;AAHD;;EAEE,cAAkB;CACnB;;AAHD;;EAEE,cAAkB;CACnB;;AAID;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,mBAAsD;CACvD;;AAHD;;EAEE,oBAAsD;CACvD;;AAHD;;EAEE,oBAAsD;CACvD;;AA2GL;;GAEG;AX/QC;EWgLA;IA1HA,eAAc;IACd,YAAW;IAoCX,gBAAe;GAuFd;EAzHC;IACA,gBAjFW;IAkFX,eAAc;GACf;EAiCC;IACA,eAAc;IACd,YAAW;IACX,YAAW;IACX,iBAAgB;GAejB;EAbG;IACA,iBA9Ha;IA+Hb,eAAc;GACf;EATD;IjBsBJ,0BiBVmC;IjBWnC,6BiBXmC;IjBVnC,4BC/GiB;IDgHjB,6BChHiB;GgB2HZ;EAdD;IjBgCJ,2BiBhBoC;IjBiBpC,8BiBjBoC;IjBJpC,gCCzHiB;ID0HjB,+BC1HiB;GgB+HZ;CpB65DN;;AS5gEG;EWqLA;IA/HA,eAAc;IACd,YAAW;IAoCX,gBAAe;GA4Fd;EA9HC;IACA,gBAjFW;IAkFX,eAAc;GACf;EAiCC;IACA,eAAc;IACd,YAAW;IACX,YAAW;IACX,iBAAgB;GAejB;EAbG;IACA,iBA9Ha;IA+Hb,eAAc;GACf;EATD;IjBsBJ,0BiBVmC;IjBWnC,6BiBXmC;IjBVnC,4BC/GiB;IDgHjB,6BChHiB;GgB2HZ;EAdD;IjBgCJ,2BiBhBoC;IjBiBpC,8BiBjBoC;IjBJpC,gCCzHiB;ID0HjB,+BC1HiB;GgB+HZ;CpB+7DN;;AS9iEG;EW0LA;IApIA,eAAc;IACd,YAAW;IAoCX,gBAAe;GAiGd;EAnIC;IACA,gBAjFW;IAkFX,eAAc;GACf;EAiCC;IACA,eAAc;IACd,YAAW;IACX,YAAW;IACX,iBAAgB;GAejB;EAbG;IACA,iBA9Ha;IA+Hb,eAAc;GACf;EATD;IjBsBJ,0BiBVmC;IjBWnC,6BiBXmC;IjBVnC,4BC/GiB;IDgHjB,6BChHiB;GgB2HZ;EAdD;IjBgCJ,2BiBhBoC;IjBiBpC,8BiBjBoC;IjBJpC,gCCzHiB;ID0HjB,+BC1HiB;GgB+HZ;CpBi+DN;;AoB5zDD;;GAEG;AACH;EA/EE,eAAc;EACd,sBAhOe;CAgThB;;AjBhUC;EACE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AiB+OC;;EAEA,YAAW;CAEZ;;AAJC;;EjBtNE,YAAW;CACZ;;AiBqND;;EjBjNE,aAAY;CACb;;AiBsNH;EACE,YAAW;EACX,YAAW;CACZ;;AAED;EACE,cAAa;EACb,iBAhPa;EAiPb,mBAjPa;CAkPd;;AC/BH;;gFAEgF;AAEhF;EA7KE,cApDgB;EAqDhB,uBApDyB;EAqDzB,eAhDiB;EAiDjB,mBA9CqB;ElBoHrB,mBC5GiB;EiBqEf,ehB4Pc;EgB3Pd,+ChB6QQ;EgB5QR,oBhBkPc;EgBjPd,sChB0QQ;EgBzQR,0ChByQQ;CgB/HX;;AA1KC;EACE,aAAY;EACZ,6BAA4B;EAC5B,eAAc;CAKf;;AAHG;EACA,qBAAoB;CACrB;;AA4BC;EACE,YhBsQI;EgBrQJ,yChBoQI;EgBnQJ,oBhBkPU;EgBjPV,sChBkQI;EgBjQJ,0ChBiQI;CgBhQL;;AAmIP;;GAEG;AACH;EA9HQ,oBhBfU;CgBoJjB;;AAhIK;EAIM,oChBnBM;CgBsBX;;AA0HP;EAtIQ,oBhBiEW;CgB4ElB;;AAxIK;EAIM,mChB6DO;CgB1DZ;;AAkIP;EA9IQ,oBhB8HY;CgBwBnB;;AAjJK;EAIM,ehB8NM;EgB9NN,oBhByHQ;CgBtHb;;AA2IP;EAvJQ,oBhBqKY;CgBPnB;;AAzJK;EAIM,oBhBiKQ;CgB9Jb;;AAmJP;EA/JQ,oBhBnHS;CgByRhB;;AAjKK;EAIM,oBhBvHK;CgB0HV;;AA2JP;EAvKQ,oBhB3EY;CgByPnB;;AAzKK;EAIM,oBhB/EQ;CgBkFb;;AAkLP;;GAEG;AACH;EAjKI,iBApIuB;CAuS1B;;AACD;EA9JI,iBAzIuB;CAyS1B;;AAED;EAvIE,gBAHuC;EAIvC,UAAS;EACT,kBA1K2B;EA2K3B,iBAAgB;CAsIjB;;AAnIG;EACE,eAAc;CACf;;AZ/KD;EYkTJ;IAlHM,WAzLc;IA2LZ,YAAW;IACX,uBA3L6B;GA4SpC;CrBo9DA;;ASxwEG;EYqTJ;IArHM,WAzLc;IA8LZ,aAAY;IACZ,uBA7L8B;GA8SrC;CrBy9DA;;AsBtqED;;gFAEgF;AAEhF;EAzEE,eAAc;EACd,cA1CgB;EA2ChB,eAxCiB;CAiHlB;;AAtEC;;EAEE,UAAS;EACT,iBAAgB;CAEjB;;AALD;;EnBpDE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AmB2DD;EACE,YAAW;EACX,UAAS;CACV;;AAGE;EAGD,eAAc;CAKf;;AAGD;EACE,ejBmQc;CiBlQf;;AAGD;EACE,aAhEe;EAiEf,kBAhE4B;EAiE5B,ejB2Pc;CiB1Pf;;AAIC;EACE,cAAa;CACd;;AA8BL;EAjBE,mBApGqB;EAqGrB,oBjBXgB;EiBYhB,qCjB2PU;EFtOV,mBC5GiB;CkBwGlB;;ACsYD;;gFAEgF;AAEhF;;GAEG;AACH;;;EA/bE,mBAAkB;EAClB,eAAc;EACd,aAhE2B;EAiE3B,UAAS;EACT,oBb2D+B;Ea1D/B,oBA1DsB;EA2DtB,iBlBuRU;EkBtRV,6BAxDgC;EAyDhC,qClBoRU;EkBnRV,0ClBmRU;EkBlRV,mBnBhEiB;CmByflB;;AAED;;GAEG;AACH;EAnYI,WAAU;CAqYb;;AAnYK;;EAEA,YAAW;EACX,UAAS;EACT,iBAAgB;EAChB,eAAc;EACd,yClB+MM;EkB9MN,iBAAgB;EAChB,iBAAgB;CASjB;;AAjBC;;EAWE,mBAAkB;EpBzBxB,4BC/GiB;EDgHjB,6BChHiB;CmB0IZ;;AAbD;;EpBJJ,gCCzHiB;ED0HjB,+BC1HiB;CmB6IZ;;AAqXP;;GAEG;AACH;EAnXI,aAzJuB;CA8gB1B;;AAnXK;EACA,kBAvIoB;EAwIpB,qBAxIoB;CAyIrB;;AACC;EACA,cAAa;CACd;;AACC;EACA,iBAAgB;CACjB;;AAEC;EACA,cAAuC;CACxC;;AAGC;EACA,eAAc;EACd,eAzKwB;EA0KxB,aAzKqB;EA0KrB,elByJY;EkBxJZ,eAAc;EACd,mBnB1Ka;CmB4Ld;;AAxBC;EASE,gClBqKI;EkBpKJ,elBmJU;EkBlJV,sBAAqB;CACtB;;AAEC;EACA,kBArKkB;EAsKlB,qBAtKkB;CAuKnB;;AACC;EACA,cAAa;CACd;;AACC;EACA,iBAAgB;CACjB;;AAGD;EACA,eAAc;CACf;;AAyUL;;GAEG;AACH;EAxUI,iBAAgB;EAChB,eA3MyB;CAohB5B;;AAtUG;EACE,mBAAkB;EAClB,UAAS;EACT,4ClBuIM;CkBtIP;;AACD;EACE,gClBoIM;EkBnIN,6BAA4B;CAS7B;;AAPG;EACA,elB+GU;CkB1GX;;AANC;EAIE,sBAAqB;CACtB;;AAID;EACA,elBkGU;CkBjGX;;AAHH;EAKI,iBAAgB;CACjB;;AAEH;EpBlHF,4BC/GiB;EDgHjB,6BChHiB;CmBmOd;;AACD;EACE,sBAAqB;EpB5GzB,gCCzHiB;ED0HjB,+BC1HiB;CmBuOd;;AAEE;EACD,eAAc;EACd,oBAhP4B;EAiP5B,elBqFY;EkBpFZ,eAAc;CACf;;AAkSL;;gFAEgF;AAEhF;EAxcE,mBAAkB;CA2cnB;;AAxcC;EACE,mBAAkB;EAClB,aA5F0B;EA8FxB,cAAa;CAShB;;AAGwB;EACvB,aA1G0B;EA4GxB,eAAc;CASjB;;AAyJC;EACE,mBA1OmB;EA2OnB,UAAS;EACT,QA3OmB;EA4OnB,YAAW;EACX,aAAY;EACZ,2CAAiE;UAAjE,mCAAiE;CAClE;;AACwB;EACvB,mBAlPmB;EAmPnB,UAAS;EACT,QAnPmB;EAoPnB,YAAW;EACX,aAAY;EACZ,wCAA+B;UAA/B,gCAA+B;CAChC;;AAsQL;EA7cE,mBAAkB;CAgdnB;;AA7cC;EACE,mBAAkB;EAClB,aA5F0B;EA8FxB,cAAa;CAShB;;AAGY;EACX,aA1G0B;EA4GxB,eAAc;CASjB;;AAuUC;EACE,sBAzZsB;EA0ZtB,YAuGgM;EAtGhM,WAAU;EACV,YAAW;EACX,aAAY;EACZ,2CAAiE;UAAjE,mCAAiE;CAClE;;AACY;EACX,sBAjasB;EAkatB,YA+FgM;EA9FhM,WAAU;EACV,YAAW;EACX,aAAY;EACZ,wCAA+B;UAA/B,gCAA+B;CAChC;;ACvNL;;gFAEgF;AAEhF;;GAEG;AAtND;EACE,mBAAkB;EAClB,cA3C0B;CAuD3B;;AAdD;;EAMI,UAAS;CACV;;AAPH;EASI,YAAW;CACZ;;AAVH;EAYI,WAAU;CACX;;AAIH;EACE,cA3D0B;EA4D1B,mBAAkB;CA6BnB;;AA/BD;EAKI,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,iBAAgB;EAChB,UAAS;CACV;;AARH;EAUI,oBAAc;MAAd,mBAAc;UAAd,eAAc;EACd,UAAS;CACV;;AAZH;EAcI,eAAc;EACd,aAxEsB;EAyEtB,aAAY;CACb;;AAjBH;EAqBM,oBAAe;MAAf,gBAAe;CAChB;;AAtBL;EAwBM,oBAAc;MAAd,mBAAc;UAAd,eAAc;CAKf;;AA7BL;EA2BQ,iBAnFsB;CAoFvB;;AAMP;EACE,cA7F0B;CAqG3B;;AATD;EAII,cAAa;CACd;;AALH;EAOI,eAAc;CACf;;AA8JL;;GAEG;AAvIC;;EAGI,oBnBwMU;EmBvMV,0BnByMU;EF/MhB,mBC5GiB;CoBoHZ;;AANH;;EAQI,gCnBqMU;CmBzLX;;AApBH;;ErBqBF,4BCnIiB;EDoIjB,+BCpIiB;CoB6HV;;AAfL;;EAiBM,mBAAkB;ErBc1B,6BC7IiB;ED8IjB,gCC9IiB;CoBiIV;;AAnBL;;EAsBI,enB6LU;CmBnLX;;AAhCH;;EA4BM,oBnBgLQ;EmB/KR,enBsLQ;EmBrLR,sBAAqB;CACtB;;AA/BL;;EAoCI,iBnBiMI;CmBhML;;AArCH;;EAuCI,enB4KU;CmBxKX;;AA3CH;;EAyCM,iBnB4LE;CmB3LH;;AA1CL;;EA+CI,gCnB8JU;CmB7JX;;AAEH;ErBvCF,8BqByCqC;ErBxCrC,6BqBwCqC;CAChC;;AAHH;EAKI,qCAAoC;EACpC,oBAAmB;CACpB;;AAPH;ErBnCF,6BqB4C0C;CACrC;;AAVH;ErBhCF,8BqB4C2C;CACtC;;AAbH;EAeI,8BnBoKI;CmBnKL;;AAEH;EACE,iBA/L0B;EAgM1B,0BnBuIY;EmBtIZ,iBAAgB;ErB5DpB,gCCzHiB;ED0HjB,+BC1HiB;CoBuLd;;AAiEL;;GAEG;AA/DC;;EAGI,iCnB6HU;CmB5HX;;AAJH;;EAMI,qCAAoC;EACpC,oBAAmB;CAIpB;;AAXH;;EAaI,enBqHU;CmB7GX;;AArBH;;EAkBM,enB7HQ;EmB8HR,sBAAqB;CACtB;;AApBL;;EAwBI,iCnBnIU;CmBoIX;;AAzBH;;EA2BI,enB2GU;CmBvGX;;AA/BH;;EA6BM,enBxIQ;CmByIT;;AAGL;EACE,iBAzO0B;EA0O1B,0BnB6FY;EmB5FZ,iBAAgB;CACjB;;AC4RL;;gFAEgF;AApe9E;;;EAGC,aAAY;CACZ;;AAED;EACC,mBAAkB;EAClB,iBAAgB;EACf,oBpBsRc;CoBrRf;;AACD;EACC,mBAAkB;EAClB,QAAO;EACP,WAAU;EACV,2CAjD2B;EAiD3B,mCAjD2B;EAiD3B,2BAjD2B;EAiD3B,mDAjD2B;EAkD1B,oBpB2RmB;CoB1RpB;;AACD;EACE,mBAAkB;EAClB,iBAAgB;CACjB;;AACD;EACC,gBAtDuB;EAuDvB,OAAM;EACN,YAAW;EACX,mBAAkB;EAClB,aA5Dc;EA6Db,iBAAgB;EACjB,6BA/D2B;EA+D3B,qBA/D2B;EAgE1B,iBpB2RQ;CoB1RT;;AAIC;EACC,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,SAAQ;EACR,UAAS;EACT,+BpB+QO;EoB9QP,YAAW;EACX,WAAU;EACV,oEA9EyB;EA8EzB,4DA9EyB;CA+EzB;;AACD;EACC,YAAW;EACX,aAAY;EACZ,WAAU;EACV,iCApFyB;EAoFzB,yBApFyB;CAqFzB;;AAKD;EACC,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACX,+BpB0PM;EoBzPP,YAAW;EACX,WAAU;EACV,iCAnGyB;EAmGzB,yBAnGyB;CAoGzB;;AACD;EACC,SAAQ;EACR,UAAS;EACT,WAAU;EACV,oEAzGyB;EAyGzB,4DAzGyB;CA0GzB;;AAqCD;EACE,SAAQ;EACT,oBAAmB;EACnB,2CAAkC;UAAlC,mCAAkC;CAClC;;AACD;EACC,oBAAmB;EACnB,wCAA+B;UAA/B,gCAA+B;CAC/B;;AACD;EACC,cAAa;CACb;;AC7KL;;gFAEgF;AC4M9E;EAhKE,YAAW;EAET,gBAAe;EAGf,gBAAe;EAEjB,UAAS;EACT,kBC3B4B;CDqL7B;;AAGD;EAnIE,YAAW;EAET,eAAc;EACd,gBAAe;CAkIlB;;AAGD;EA9GE,YAAW;EACX,YAAW;EAKT,gBAAe;EACf,iBAAgB;CAyGnB;;AlB3MC;EkB+LF;IAtJE,YC9CkB;IDgDhB,gBC9BwB;IDiCxB,gBpBjDyB;IoBmD3B,eCrCyB;IDsCzB,kBCrC4B;GDqL7B;ExB5MD;IACE,YAAW;IACX,eAAc;IACd,YAAW;GACZ;EwB2MD;IA7HE,YAAW;IAET,sBAAoD;IACpD,uBAAqD;GA4HxD;ExBjND;IACE,YAAW;IACX,eAAc;IACd,YAAW;GACZ;EwBgND;IApGE,gBAAe;IACf,YC9FmB;ID4GjB,sBAAqD;IACrD,uBAAsD;GAsFzD;EApGC;IACE,YAAW;GACZ;EACD;IACE,aAAY;GACb;EA0GC;IACE,gBAAe;IACf,iBAAgB;GACjB;EAKD;IACE,cAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,WAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,WAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,WAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,eAjOyE;GAkO1E;EAFD;IACE,YAjOyE;GAkO1E;EAMC;IA9EJ,oBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAFD;IA9EJ,iBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAFD;IA9EJ,iBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAFD;IA9EJ,iBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAFD;IA9EJ,qBA3IuE;GA2NlE;EAOD;IAzEN,qBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;EAFD;IAzEN,kBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;EAFD;IAzEN,kBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;EAFD;IAzEN,kBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;EAFD;IAzEN,sBAzJyE;GAoOlE;C3B2wFR;;A0BjgGD;;gFAEgF;ACkQ9E;EACE,eAAc;CAEf;;AAHD;ExBzQE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AwB2QD;;;;;;;;;;;;;EACE,YAAW;CACZ;;AAMC;;EAGE,YAAkB;CACnB;;AAJD;;EAGE,WAAkB;CACnB;;AAJD;;EAGE,eAAkB;CACnB;;AAJD;;EAGE,WAAkB;CACnB;;AAJD;;EAGE,WAAkB;CACnB;;AAJD;;EAGE,eAAkB;CACnB;;AAJD;;EAGE,eAAkB;CACnB;;AAJD;;EAGE,aAAkB;CACnB;;AAJD;;EAGE,eAAkB;CACnB;;AAJD;;EAGE,WAAkB;CACnB;;AAJD;;EAGE,cAAkB;CACnB;;AAJD;;EAGE,cAAkB;CACnB;;AD/QL;;gFAEgF;AAEhF;EACE,oBrB2UqB;CqB1UtB;;AAED;EACE,eAAc;CACf;;AACD;EACE,kBAAiB;EACjB,sBAAqB;CACtB;;AAED;EACE,iBrB6UU;CqB5UX;;AACD;EACE,iBAAgB;CACjB;;AAED;EACE,mBAAkB;CACnB;;AACD;EACE,eAAc;CACf;;AjB7BG;EiBgCF;IACE,oBAAmB;GACpB;EACD;IACE,eAAc;GACf;C1BylGF;;A0BtlGD;;gFAEgF;AAEhF;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,0BAA8B;MAA9B,uBAA8B;UAA9B,+BAA8B;EAC9B,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB;EACnB,UAAS;CACV;;AAED;;GAEG;AACH;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB;EACnB,eAAc;CAgBf;;AAnBD;EAMI,UAAS;CACV;;AAPH;EASI,gBAAe;EACf,kBAAiB;EACjB,erBwQc;CqBvQf;;AAZH;EAcI,sBAAqB;CAItB;;AAlBH;EAgBM,erBsBY;CqBrBb;;AAIL;EAEI,gCrBkRQ;CqBjRT;;AAHH;EAMM,arB8QM;CqB7QP;;AAIL;;GAEG;AACH;EAEI,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB;EACnB,UAAS;EACT,iBAAgB;CACjB;;AANH;EAQI,eAAc;CAkBf;;AA1BH;EAWM,eAAc;CACf;;AAZL;EAcM,gBAAe;CAChB;;AAfL;EAkBM,erBkOY;EqBjOZ,mBhBK0B;CgBC3B;;AAzBL;EAsBQ,erBnBU;EqBoBV,sBAAqB;CACtB;;AAxBP;EA4BI,erBoNc;EqBnNd,eAAc;CACf;;AAGH;EAEI,YrBmOQ;EqBlOR,mBhBZ4B;CgBiB7B;;AARH;EAMM,gCrB+NM;CqB9NP;;AAPL;EAUI,gCrB2NQ;CqB1NT;;AAXH;;EAcI,6BAA4B;CAC7B;;AAGH;;GAEG;AACH;EACE,cAAa;CACd;;AACD;EAEI,UAAS;EACT,iBAAgB;CAejB;;AAlBH;EAMM,cAAa;CACd;;AAPL;EASM,yCrBmMM;CqBlMP;;AAVL;EAYM,eAAc;EACd,mBAAkB;CACnB;;AAdL;EAgBM,sBAAqB;CACtB;;AAjBL;EAoBI,eAAc;EACd,kBAAiB;CAClB;;AAGH;;GAEG;AACH;EACE,mBAAkB;EAClB,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,6BAAsB;EAAtB,8BAAsB;MAAtB,2BAAsB;UAAtB,uBAAsB;EACtB,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB;EACvB,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB;EACnB,WAAU;EACV,cAAa;EACb,mBAAkB;EAClB,aAAY;CAcb;;AAvBD;EAYI,sBAAqB;EACrB,WAAU;EACV,YAAW;EACX,kBAAiB;EACjB,oBrB+Ic;EFrNhB,mBuBuE4B;CAK3B;;AAtBH;EAoBM,mBAAkB;CACnB;;AAIL;;GAEG;AACH;;EAEE,sBAAqB;CACtB;;AACD;;EAEE,cAAa;CACd;;AjB5MK;EiB8MJ;IACE,cAAa;GACd;EACD;IACE,qBAAa;IAAb,qBAAa;IAAb,cAAa;GACd;C1B8lGF;;AStzGG;EiB2NF;IACE,cAAa;GACd;EACD;IACE,qBAAa;IAAb,qBAAa;IAAb,cAAa;GACd;C1B+lGF;;A0B5lGD;;gFAEgF;AAEhF;;GAEG;AACH;EACE,mBAAkB;EAClB,oBrBhJgB;EFuRhB,kEAA4C;EAA5C,8DAA4C;CuBrI7C;;AAMD;EACE,mBAAkB;CAyBnB;;AA1BD;EAII,oBAAmB;EACnB,UAAS;EACT,YAAW;EACX,eAAc;EACd,YAAW;EACX,QAAO;EACP,mBAAkB;EAClB,SAAQ;EACR,gCAAuB;UAAvB,wBAAuB;EACvB,+BAAsB;UAAtB,uBAAsB;EACtB,YAAW;CACZ;;AAfH;EAiBI,YAAW;EACX,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,YAAW;EACX,aAAY;EACZ,iBrBoFQ;EqBnFR,YAAW;CACZ;;AAGH;;GAEG;AACH;EACE,mBAAkB;EAClB,mBAAkB;CAYnB;;AAdD;EAKI,iBAAgB;EAChB,oBAAmB;CACpB;;AAPH;EASI,mBhB3K4B;EgB4K5B,mBAAkB;EvBkHlB,iBAAgB;EuBhHhB,YrBgEQ;CqB/DT;;AjBhSC;EiBoSF;IACE,mBAAkB;GAQnB;EATD;IAII,qBAAoB;GACrB;EALH;IAOI,mBhB1L0B;GgB2L3B;C1B4lGJ;;ASx4GG;EiBkTF;IACE,oBAAmB;GAQpB;EATD;IAII,wBAAuB;GACxB;EALH;IAOI,mBhBxM0B;GgByM3B;C1B0lGJ;;AS/4GK;EiB4TJ;IACE,oBAAmB;GACpB;C1BulGF;;A0BnlGD;;GAEG;AACH;;EAGI,mBAAkB;CAInB;;AAPH;;EAKM,iBAAgB;CACjB;;AAGL;EAEI,mBAAkB;CACnB;;AAHH;EAKI,cAAa;CACd;;AAEH;;EAGI,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,qBAAoB;CACrB;;AjBlWC;EiBsWF;IAEI,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B;IAC9B,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB;GAUrB;EAdH;IAQM,WAAU;IACV,kBAAiB;GAClB;EAVL;IAYM,gBAAe;GAChB;EAbL;IAiBI,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B;IAC9B,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB;GA4BpB;EA/CH;IAsBM,WAAU;GACX;EAvBL;IAyBM,WAAU;IACV,iBAAgB;IAChB,kBAAiB;GAClB;EA5BL;IA8BM,WAAU;IACV,iBAAgB;IAChB,gBAAe;GAChB;EAjCL;IAoCM,+BAA2B;IAA3B,+BAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;GAU5B;EA9CL;IAuCQ,iBAAgB;IAChB,kBAAiB;GAClB;EAzCP;IA2CQ,eAAc;IACd,kBAAiB;GAClB;EAKP;IAEI,YAAW;IACX,eAAc;GACf;C1B2kGJ;;A0BtkGD;;gFAEgF;AAEhF;EACE,cAAa;CAQd;;AATD;EAII,cAAa;CACd;;AALH;EAOI,eAAc;CACf;;AjB7aC;EiBibF;IACE,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB;IACpB,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B;GAW/B;EAdD;IAMI,oBAAa;QAAb,kBAAa;YAAb,cAAa;GACd;EAPH;IASI,iBAAgB;GACjB;EAVH;IAYI,sBAAqB;GACtB;C1BykGJ;;A0BrkGD;;gFAEgF;AAEhF;;GAEG;AACH;EACE,UAAS;EACT,gBAAe;EvBnVf,mBC5GiB;CsBidlB;;AApBD;EAMI,kBAAiB;CAClB;;AAPH;EASI,qBAAoB;CACrB;;AAVH;EAYI,yCrBvHQ;CqBwHT;;AAbH;EAgBI,iBAAgB;EAChB,qCrB5HQ;EFtOV,mBC5GiB;CsBgdhB;;AAEH;EACE,eAAc;EACd,mBhB/W8B;EPoS5B,iBAAgB;CuBoFnB;;AAXD;EAMI,erBvJc;CqBwJf;;AAPH;EASI,erB3Yc;CqB4Yf;;AAGH;;GAEG;AACH;EACE,kBAAiB;CA0ClB;;AA3CD;EAII,iBAAgB;EAChB,cAAa;CACd;;AANH;EAQI,kBAAiB;CAClB;;AATH;EAWI,cAAa;CACd;;AAZH;EAcI,eAAc;EACd,mBAAkB;EAClB,erBrLc;EqBsLd,eAAc;EvBvYhB,mBC5GiB;CsB2fhB;;AAzBH;EAqBM,oBrB9LY;EqB+LZ,erBvLY;EqBwLZ,sBAAqB;CACtB;;AAxBL;EA6BI,erB/ac;CqBobf;;AAlCH;EAgCM,erBlbY;CqBmbb;;AAjCL;EAsCI,cAAa;CACd;;AAvCH;EAyCI,eAAc;CACf;;AAGH;;GAEG;AACH;EAEI,erBvNc;EqBwNd,eAAc;CACf;;AAGH;;GAEG;AACH;EACE,cAAa;CACd;;AjB1iBG;EiB4iBF;IACE,eAAc;GACf;C1B4kGF;;A0BzkGD;;GAEG;AACH;EACE,mBAAkB;CAMnB;;AAPD;EAKI,WAAU;CACX;;AjB1jBC;EiB6jBF;IACE,UAAS;IACT,iBAAgB;GAMjB;EARD;IAMI,eAAc;GACf;C1B2kGJ;;A0BvkGD;;gFAEgF;AAEhF;;GAEG;AAMH;EACE;IAEI,eAAc;GACf;EAHH;IAMI,sBZ7lBoB;IY8lBpB,4CrB9PM;GqBmQP;EAZH;IAUM,yCrBjQI;GqBkQL;EAXL;;IAiBM,kBAAiB;IACjB,6CrBzQI;GqB0QL;EAnBL;;IAwBM,sBAAqB;GACtB;EAzBL;;IA+BM,mBAAkB;GACnB;C1B0jGN;;A0BrjGD;;GAEG;AACH;EAGE,iBAAgB;CAOjB;;AAVD;EAMI,mBhBlhB4B;EgBmhB5B,erB3Tc;EFsEd,iBAAgB;CuBuPjB;;AAEH;EACE,4BAA2B;CAiB5B;;AAlBD;EAII,mBAAkB;EAClB,kBAAiB;CAYlB;;AAjBH;EAQM,+BAA8B;EAC/B,gCAA+B;EAC9B,mBAAkB;EAClB,YAAW;EACX,QAAO;EACP,eAAc;EACd,mBAAkB;EAClB,erB9UY;CqB+Ub;;AAIL;EACE,sBAAqB;CACtB;;AAED;;GAEG;AACH;EACE,eAAc;CACf;;AjBrqBG;EiBwqBF;IACE,eAAc;GACf;C1BujGF;;A0BpjGD;;GAEG;AACH;EACE,iBAAgB;EAChB,UAAS;CAYV;;AAdD;EAKI,eAAc;CAKf;;AAVH;EAQM,cAAa;CACd;;AATL;EAYI,eAAc;CACf;;AAGH;;GAEG;AACH;EACE,mBAAkB;CAgCnB;;AAjCD;EAII,mBAAkB;CAUnB;;AAdH;EAOM,YAAW;EACX,sBAAqB;EACrB,iBAAgB;EAChB,YAAW;EACX,WAAU;EACV,+BrBjXM;CqBkXP;;AAbL;;EAiBI,0BAAyB;EACzB,oBAAmB;EACnB,erB7Yc;CqBsZf;;AA5BH;;EAsBM,erBhZY;CqBqZb;;AA3BL;;EAyBQ,erB9nBU;CqB+nBX;;AA1BP;EA8BI,mBhBhnB4B;EgBinB5B,mBAAkB;CACnB;;AAGH;;GAEG;AACH;EACE,cAAa;CAMd;;AAPD;EAII,eAAc;EACd,gBAAe;CAChB;;AjB/uBC;EiBmvBF;IACE,cAAa;IACb,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B;IAC9B,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB;GAUpB;EAdD;IAOI,WAAU;IACV,kBAAiB;GAKlB;EAbH;IAWM,gBAAe;GAChB;C1B4jGN;;A0BvjGD;;GAEG;AACH;EACE,kBAAiB;EACjB,YAAW;EACX,aAAY;CACb;;AAED;;GAEG;AACH;EACE,cAAa;CACd;;AjBlxBG;EiBoxBF;IACE,cAAa;GACd;C1B2jGF;;A0BxjGD;;gFAEgF;AAEhF;;GAEG;AACH;EACE,cAAa;EACb,mBAAkB;EvB/alB,mEAA4C;EAA5C,2DAA4C;EA3P5C,mBC5GiB;EsB2xBjB,YrBxcU;EqBycV,mBAAkB;CAanB;;AArBD;EAWI,YrB5cQ;CqB6cT;;AAZH;EAcI,eAAc;CAMf;;AApBH;EAgBM,YAAW;EACX,eAAc;EACd,6BAA4B;CAC7B;;AjBnzBD;EiBwzBF;IAEI,sBAAqB;GAKtB;EAPH;IAIM,YAAW;IACX,sBAAqB;GACtB;C1B0jGN;;A0BrjGD;;gFAEgF;AAEhF;EACE,erB/fgB;EqBggBhB,mBAAkB;CAiBnB;;AAnBD;EAKI,eAAc;CACf;;AANH;EAQI,sBAAqB;EACrB,aAAY;CACb;;AAVH;EAaI,erB3gBc;CqBghBf;;AAlBH;EAgBM,erBzvBY;CqB0vBb;;AjBx1BD;EiB61BF;IACE,iBAAgB;GAUjB;EAXD;IAII,mBAAkB;IAClB,UAAS;IACT,aAAY;GACb;EAPH;IASI,UAAS;GACV;C1BwjGJ;;A0BpjGD;;gFAEgF;AG53BhF;;gFAEgF;AAEhF;EACE,qBAAoB;EACpB,iBAAgB;EAChB,eAAc;EACd,yCxBqWU;EwBpWV,4CxBoWU;CwB3VX;;AAdD;E1BsEE,Y0B9DoB;E1B+DpB,a0B/DoB;EAClB,eAAc;EACd,YxBgWQ;EwB/VR,oBxB4Fc;EF4BhB,mBC5GiB;CyBVhB;;ApBFC;EoBMF;IACE,gBAAe;IACf,mBAAkB;IAClB,qCxBqVQ;IFtOV,mBC5GiB;GyBDhB;C7Bo7HF;;A6Bj7HD;;GAEG;AACH;EACE,cAAa;CAKd;;AAND;E1BqDE,mBAAkB;EAClB,SAFkC;EAqGlC,oCAlGwC;UAkGxC,4BAlGwC;C0BlDvC;;AAGH;;GAEG;AACH;EACE,sBAAqB;EACrB,oBxB8DgB;EFjChB,Y0B5BkB;E1B6BlB,a0B7BkB;CACnB;;AACD;E1BuFE,mB0BtF0B;CAC3B;;AACD;E1BuFE,4B0BtF8B;E1BuF9B,6B0BvF8B;CAC/B;;AACD;E1BwFE,4B0BvFmC;CACpC;;AACD;E1BwFE,6B0BvFoC;CACrC;;AACD;E1BwFE,gC0BvFiC;E1BwFjC,+B0BxFiC;CAClC;;AACD;E1ByFE,+B0BxFsC;CACvC;;AACD;E1ByFE,gC0BxFuC;CACxC;;AACD;E1ByFE,4B0BxF+B;E1ByF/B,+B0BzF+B;CAChC;;AACD;E1B0FE,4B0BzFmC;CACpC;;AACD;E1B0FE,+B0BzFsC;CACvC;;AACD;E1B0FE,6B0BzFgC;E1B0FhC,gC0B1FgC;CACjC;;AACD;E1B2FE,6B0B1FoC;CACrC;;AACD;E1B2FE,gC0B1FuC;CACxC;;AAED;;GAEG;AACH;E1B8FE,sC0B5FuC;U1B4FvC,8B0B5FuC;CACtC;;AAGH;;GAEG;AACH;E1BqFE,iCAkB+B;UAlB/B,yBAkB+B;C0BpG9B;;AAGH;;GAEG;AACH;EAEI,0BxBJc;EFiHhB,qCC5L2B;ED4L3B,6BC5L2B;CyBqF1B;;AARH;EAMM,0BxB5GW;CwB6GZ;;AAIL;;GAEG;A1BqKD;E0BnKA;IAAO,0BxBrHQ;GLwjId;E6Bl8HD;IAAM,0BxBlBU;GLu9Hf;E6Bp8HD;IAAO,0BxBvHQ;GL8jId;CACF;;AGpyHC;E0BtKA;IAAO,0Bx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AAS;EACT,sBApEwB;EAsExB,qBAlEuB;EAmEvB,eAlEiB;EAmEjB,mBAhEqB;EAiErB,qBA/DuB;EAgEvB,eb2QgB;Ea1QhB,sBAAqB;EACrB,mBAAkB;EAClB,oBAAmB;EACnB,oBAAmB;EAEnB,iBAAgB;EAChB,oCbqRU;EapRV,sCboRU;EFtOV,mBC5GiB;ED8MjB,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,mCexN6B;UfwN7B,2BexN6B;EfuO7B,2CetOqC;UfsOrC,mCetOqC;EAgGrC,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,uBbsOQ;EanOV,4BApH8B;EAqH9B,sCbiOU;EavIV,eAAc;EACd,YAAW;CWsKZ;;AX9SC;EACE,eb4Pc;Ea3Pd,sBAAqB;EACrB,iBAAgB;EAChB,+Cb0QQ;EazQR,kCbyQQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,kCehN8B;UfgN9B,0BehN8B;Ef+N9B,2CetOqC;UfsOrC,mCetOqC;CAyEpC;;AAED;EACE,ebiPc;EahPd,iBAAgB;EAChB,+CbgQQ;Ea/PR,kCb+PQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,+BexM2B;UfwM3B,uBexM2B;EfuN3B,2CetOqC;UfsOrC,mCetOqC;CAmFpC;;AA4BD;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;EAEI,ebuLY;Ea9KV,0BAAyH;EAO7H,kCbwLQ;CavLT;;AWyNH;;GAEG;AACH;EACE,gBAAe;EACf,mBAAkB;CACnB;;AACD;ERjSQ,oBhB6CU;CwB2PjB;;ARnSK;EAIM,oBhByCM;CgBtCX;;AQ8RP;;GAEG;AACH;EP9WE,eAAc;EACd,cA1CgB;EA2ChB,eAxCiB;CO0ZlB;;AP/WC;;EAEE,UAAS;EACT,iBAAgB;CAEjB;;AALD;;EnBpDE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AmB2DD;EACE,YAAW;EACX,UAAS;CACV;;AAGE;EACD,ejBiHe;EiB/Gf,eAAc;CAKf;;AARE;EAMC,ejBxEW;CiByEZ;;AAIH;EACE,ejBmQc;CiBlQf;;AAGD;EACE,aO4UkB;EP3UlB,kBAhE4B;EAiE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","file":"styles.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 14px;\n /* [1] */\n}\n\nbody {\n font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 14px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: normal;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.571em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li, .list-docs > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li, .list-docs > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child, .list-docs > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table-docs td, .table.rowed th, .table-docs th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table-docs thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th, .table-docs thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td, .table-docs tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th, .table-docs tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td, .table-docs tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th, .table-docs tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table-docs td, .table.expanded th, .table-docs th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr, .table-docs tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.571em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.857rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #ECEFF1;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Structure - scss/custom/_custom.scss\n==============================================================================*/\nbody {\n background: #ECEFF1;\n}\n\n.header {\n padding: 2em 0;\n}\n\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: #fff;\n}\n\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n\n.footer {\n padding: 2em 0;\n}\n\n@media (min-width: 760px) {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - scss/custom/_custom.scss\n==============================================================================*/\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n}\n\n.header .logo img {\n margin: 0;\n}\n\n.header .logo .version {\n margin-top: 8px;\n margin-left: 10px;\n color: #9E9E9E;\n}\n\n.header .logo:hover {\n text-decoration: none;\n}\n\n.header .logo:hover .version {\n color: #2196F3;\n}\n\n.home .header .logo .version {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .logo:hover .version {\n color: white;\n}\n\n/**\n * Navigation\n */\n.header .nav ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n\n.header .nav ul.menu-hori li {\n margin: 0 15px;\n}\n\n.header .nav ul.menu-hori li:first-child {\n margin-left: 0;\n}\n\n.header .nav ul.menu-hori li:last-child {\n margin-right: 0;\n}\n\n.header .nav ul.menu-hori li a:not(.button) {\n color: #212121;\n font-size: 1.071em;\n}\n\n.header .nav ul.menu-hori li a:not(.button):hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.header .nav ul.menu-hori li.active a:not(.button) {\n color: #9E9E9E;\n border: 0 none;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button) {\n color: #fff;\n font-size: 1.071em;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button):hover {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav ul.menu-hori li.active a:not(.button) {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav li > .button,\n.home .header .nav .dropdown-trigger > .button {\n background-clip: padding-box;\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n\n.oc-aside .nav ul.menu-vert {\n margin: 0;\n list-style: none;\n}\n\n.oc-aside .nav ul.menu-vert li {\n margin: 0 1em;\n}\n\n.oc-aside .nav ul.menu-vert li + li {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.oc-aside .nav ul.menu-vert li a {\n display: block;\n padding: 0.5em 1em;\n}\n\n.oc-aside .nav ul.menu-vert li a:hover {\n text-decoration: none;\n}\n\n.oc-aside .nav .button {\n display: block;\n margin: 1em 1.5em;\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n}\n\n.icon.icon-more .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: #212121;\n border-radius: 50%;\n}\n\n.icon.icon-more .dot:last-child {\n margin-bottom: 1px;\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n\n@media (min-width: 930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n\n@media (min-width: 480px) {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Home\n */\n.hero {\n position: relative;\n background: #2196F3;\n background-image: linear-gradient(to right, #880E4F, #311B92);\n}\n\n.hero {\n position: relative;\n}\n\n.hero:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n}\n\n.hero:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: #fff;\n z-index: -2;\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n}\n\n.hero-content .container {\n padding-top: 2em;\n padding-bottom: 2em;\n}\n\n.hero-content h1 {\n font-size: 1.286em;\n line-height: 1.5em;\n font-weight: 300;\n color: #fff;\n}\n\n@media (min-width: 480px) {\n .hero-content {\n margin-bottom: 5em;\n }\n .hero-content .container {\n padding: 5em 5em 6em;\n }\n .hero-content h1 {\n font-size: 1.429em;\n }\n}\n\n@media (min-width: 760px) {\n .hero-content {\n margin-bottom: 10em;\n }\n .hero-content .container {\n padding: 10em 10em 12em;\n }\n .hero-content h1 {\n font-size: 1.714em;\n }\n}\n\n@media (min-width: 1400px) {\n .hero-content {\n margin-bottom: 15em;\n }\n}\n\n/**\n * Main\n */\n.main .flex,\n.main .feature {\n margin-bottom: 4em;\n}\n\n.main .flex:last-child,\n.main .feature:last-child {\n margin-bottom: 0;\n}\n\n.home .row {\n margin-bottom: 4em;\n}\n\n.home hr {\n margin: 8em 0;\n}\n\n.home .main img,\n.home .main svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n}\n\n@media (min-width: 760px) {\n .main .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n }\n .main .flex > * {\n width: 50%;\n margin-right: 6em;\n }\n .main .flex > *:last-child {\n margin-right: 0;\n }\n .main .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .main .feature > * {\n width: 50%;\n }\n .main .feature .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .main .feature .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n .main .feature.reverse {\n flex-direction: row-reverse;\n }\n .main .feature.reverse .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .main .feature.reverse .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n .home .main img {\n width: auto;\n margin: 0 auto;\n }\n}\n\n/*==============================================================================\n @Widget Wrap - scss/custom/_custom.scss\n==============================================================================*/\n.widget-wrap {\n margin: 2em 0;\n}\n\n.widget-wrap .widget {\n margin: 1em 0;\n}\n\n.widget-wrap .widget .button {\n display: block;\n}\n\n@media (min-width: 480px) {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n }\n .widget-wrap .widget {\n flex: 1 1 25%;\n }\n .widget-wrap .widget + .widget {\n margin-left: 2em;\n }\n .widget-wrap .widget .button {\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Widgets - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n border-radius: 3px;\n}\n\n.widget:first-child {\n padding-top: 1rem;\n}\n\n.widget:last-child {\n padding-bottom: 1rem;\n}\n\n.widget .widget + .widget {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.widget.card {\n padding: 1em 2em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n.widget h2 {\n margin: 1rem 0;\n font-size: 1.143em;\n font-weight: 600;\n}\n\n.widget h2 a {\n color: #212121;\n}\n\n.widget h2 a:hover {\n color: #2196F3;\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n}\n\n.widget-menu ul {\n list-style: none;\n margin: 1em 0;\n}\n\n.widget-menu ul ul {\n margin: 0 0 0 1em;\n}\n\n.widget-menu ul li {\n margin: 1px 0;\n}\n\n.widget-menu ul li a {\n display: block;\n padding: 0.5em 1em;\n color: #9E9E9E;\n border: 0 none;\n border-radius: 3px;\n}\n\n.widget-menu ul li a:hover {\n background: #F5F5F5;\n color: #212121;\n text-decoration: none;\n}\n\n.widget-menu .active > a {\n color: #2196F3;\n}\n\n.widget-menu .active > a:hover {\n color: #2196F3;\n}\n\n.widget-menu ul ul {\n display: none;\n}\n\n.widget-menu .active > ul {\n display: block;\n}\n\n/**\n * Widget Contents\n */\n.widget-contents .active > a {\n color: #9E9E9E;\n border: 0 none;\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n\n@media (min-width: 760px) {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n}\n\n.widget-back:first-child, .widget-back:last-child {\n padding: 0;\n}\n\n@media (min-width: 760px) {\n .widget-back {\n margin: 0;\n text-align: left;\n }\n .widget-back:first-child, .widget-back:last-child {\n padding: 1em 0;\n }\n}\n\n/*==============================================================================\n @Main - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Tables\n */\n@media screen and (max-width: 759px) {\n .table-docs tr, .table-docs th, .table-docs td {\n display: block;\n }\n .table-docs tr {\n padding: 0.5em 0.75em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th,\n .table-docs tr td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th:last-child,\n .table-docs tr td:last-child {\n border-bottom: 0 none;\n }\n .table-docs tbody:first-child tr:first-child th,\n .table-docs tbody:first-child tr:first-child td {\n border-top: 0 none;\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n margin: 1.5rem 0;\n}\n\n.list-docs h3 {\n font-size: 1.286em;\n color: #9E9E9E;\n font-weight: 300;\n}\n\n.list-docs.numbered {\n counter-reset: list-counter;\n}\n\n.list-docs.numbered li {\n position: relative;\n padding-left: 3em;\n}\n\n.list-docs.numbered li:before {\n content: counter(list-counter);\n counter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: #9E9E9E;\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@media (min-width: 760px) {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n}\n\n.article-listing li {\n margin: 2rem 0;\n}\n\n.article-listing li:first-child {\n margin-top: 0;\n}\n\n.article-listing h1 {\n font-size: 2em;\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n}\n\n.article header {\n text-align: center;\n}\n\n.article header:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba(0, 0, 0, 0.1);\n}\n\n.article .date,\n.article .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: #9E9E9E;\n}\n\n.article .date a,\n.article .meta a {\n color: #9E9E9E;\n}\n\n.article .date a:hover,\n.article .meta a:hover {\n color: #1976D2;\n}\n\n.article .content {\n font-size: 1.143em;\n line-height: 1.5em;\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n}\n\n.page-nav .button {\n display: block;\n margin: 0.5em 0;\n}\n\n@media (min-width: 480px) {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .page-nav .button {\n width: 50%;\n margin-right: 1em;\n }\n .page-nav .button:last-child {\n margin-right: 0;\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n\n@media (min-width: 760px) {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n background-image: linear-gradient(45deg, #880E4F, #311B92);\n border-radius: 3px;\n color: #fff;\n text-align: center;\n}\n\n.block-action h3 {\n color: #fff;\n}\n\n.block-action .button-group-wrapper {\n display: block;\n}\n\n.block-action .button-group-wrapper .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n}\n\n@media (min-width: 760px) {\n .block-action .button-group-wrapper {\n display: inline-block;\n }\n .block-action .button-group-wrapper .button {\n width: auto;\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Footer - scss/custom/_custom.scss\n==============================================================================*/\n.footer {\n color: #9E9E9E;\n text-align: center;\n}\n\n.footer .logo {\n border: 0 none;\n}\n\n.footer img {\n display: inline-block;\n opacity: 0.4;\n}\n\n.footer a {\n color: #9E9E9E;\n}\n\n.footer a:hover {\n color: #1976D2;\n}\n\n@media (min-width: 760px) {\n .footer {\n text-align: left;\n }\n .footer .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n .footer img {\n margin: 0;\n }\n}\n\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @Demo - scss/custom/_demos.scss\n==============================================================================*/\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo .box {\n width: 50px;\n height: 50px;\n margin: 0 auto;\n color: #fff;\n background: #2196F3;\n border-radius: 3px;\n}\n\n@media (min-width: 760px) {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n}\n\n.demo.demo-vertical-center .box {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: #2196F3;\n width: 30px;\n height: 30px;\n}\n\n.mixin-border-radius {\n border-radius: 50%;\n}\n\n.mixin-border-radius-top {\n border-top-left-radius: 50%;\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-top-left {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-top-right {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-bottom {\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-left {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-right {\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-left {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-left-top {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-left-bottom {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-right {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-right-top {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-right-bottom {\n border-bottom-right-radius: 50%;\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew .box {\n transform: skew(30deg, 10deg);\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate .box {\n transform: rotate(45deg);\n}\n\n/**\n * Transition\n */\n.demo.demo-transition .box {\n background-color: #2196F3;\n transition: all 0.25s linear;\n}\n\n.demo.demo-transition .box:hover {\n background-color: #F44336;\n}\n\n/**\n * Animation\n */\n@-webkit-keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n@keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n.demo.demo-animation .box {\n animation: example 10s linear 1s infinite normal;\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient .box {\n width: 100%;\n background-image: linear-gradient(to right, #4CAF50, #2196F3, #9C27B0);\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient .box {\n width: 100%;\n height: 100px;\n background-image: radial-gradient(circle, #9C27B0, #673AB7);\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate .box {\n width: 150px;\n height: auto;\n padding: 1em 1.5em;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n width: 187px;\n height: 40px;\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n color: rgba(0, 0, 0, 0.25);\n background-clip: text;\n background-image: url(\"../img/demo-mask.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n}\n\n.demo.demo-text-mask p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n}\n\n.demo.demo-triangle:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.example-triangle-1, .example-triangle-2, .example-triangle-3 {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n.example-triangle-1 {\n border-color: transparent;\n border-width: 14px 14px 14px 0;\n border-right-color: #2196F3;\n}\n\n.example-triangle-2 {\n border-color: transparent;\n border-width: 14px 14px 0 14px;\n border-top-color: #9C27B0;\n}\n\n.example-triangle-3 {\n border-color: transparent;\n border-width: 14px 0 14px 14px;\n border-left-color: #F44336;\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-radius: 3px;\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic .demo-wrapper,\n.demo-grid-semantic .demo-content,\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-semantic .demo-wrapper p,\n.demo-grid-semantic .demo-content p,\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0;\n padding: 1rem;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n}\n\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0.75rem 0;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 3px;\n}\n\n.demo-grid-semantic .demo-wrapper {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n}\n\n.demo-grid-semantic .demo-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-content {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n}\n\n.demo-grid-semantic .demo-content:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.demo-grid-semantic .demo-aside.col-left,\n.demo-grid-semantic .demo-article.col-left {\n float: left;\n}\n\n.demo-grid-semantic .demo-aside.col-right,\n.demo-grid-semantic .demo-article.col-right {\n float: right;\n}\n\n.demo-grid-semantic .demo-aside {\n width: 33.333%;\n}\n\n.demo-grid-semantic .demo-article {\n width: 66.667%;\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-prefix-suffix .row {\n background: rgba(33, 150, 243, 0.1);\n}\n\n/**\n * Nested Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n}\n\n.demo-mini-grid .mini-grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo-mini-grid .mini-grid > *:first-child {\n border-left: 0 none;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.demo-mini-grid .mini-grid > *:last-child {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n}\n\n.demo-buttons > p {\n margin-left: -0.5rem;\n}\n\n.demo-buttons > p:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-buttons .button,\n.demo-buttons .button-custom,\n.demo-buttons .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n}\n\n.demo-buttons-mobile > p {\n margin-left: 0;\n}\n\n.demo-buttons-mobile .button,\n.demo-buttons-mobile .button-custom-mobile {\n margin-left: 0;\n}\n\n.button-custom {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #fff;\n text-shadow: none;\n background-color: #9C27B0;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #fff;\n background-color: #89229b;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom:active {\n color: #fff;\n background-color: #771e86;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n display: block;\n width: 100%;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n background-color: #f2f2f2;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background-color: #e6e6e6;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n\n.notice.custom {\n background: #E0F2F1;\n}\n\n.notice.custom.inverted {\n background: #009688;\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.custom-breadcrumb ul,\n.custom-breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.custom-breadcrumb ul:after,\n.custom-breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.custom-breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.custom-breadcrumb li a {\n color: #4CAF50;\n border: 0 none;\n}\n\n.custom-breadcrumb li a:hover {\n color: #F44336;\n}\n\n.custom-breadcrumb .current {\n color: #9E9E9E;\n}\n\n.custom-breadcrumb li:after {\n content: \"ยป\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.custom-breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.custom-wrapped {\n padding: 1em 2em;\n background: #FFF8E1;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 50px;\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n padding: 2em 3em 2em;\n overflow: visible;\n}\n\n.demo-dropdown:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-dropdown > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n}\n\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n}\n\n.demo-dropdown-styles > .dropdown,\n.demo-dropdown-styles > .dropdown-content,\n.demo-dropdown-styles > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: #212121;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n}\n\n.demo-off-canvas .oc-wrap {\n height: 100%;\n}\n\n.demo-off-canvas .oc-inner {\n padding: 1.5em;\n}\n\n.demo-off-canvas .oc-aside {\n position: absolute;\n padding: 1em 2em;\n}\n\n.demo-off-canvas .oc-aside .button.close {\n margin: 0 -1rem;\n}\n\n.demo-off-canvas form {\n margin: 0;\n}\n\n.demo-off-canvas .input[readonly] {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n color: #F44336;\n opacity: 1;\n background: rgba(255, 255, 255, 0.5);\n}\n\n.demo-off-canvas .input[readonly]:focus {\n background: #fff;\n}\n\n.demo-off-canvas .oc-trigger {\n white-space: normal;\n}\n\n@media (min-width: 760px) {\n .demo-off-canvas {\n padding: 1.5em;\n }\n .demo-off-canvas .oc-inner {\n padding: 3em;\n }\n}\n\n.oc-custom .oc-content,\n.oc-custom .oc-inner,\n.oc-custom .oc-aside {\n height: 100%;\n}\n\n.oc-custom .oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-custom .oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #D7CCC8;\n}\n\n.oc-custom .oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-custom .oc-aside {\n position: absolute;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #607D8B;\n}\n\n.oc-custom .oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-aside {\n color: #fff;\n}\n\n.oc-aside-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-wrap {\n perspective: 1500px;\n}\n\n.oc-aside-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.oc-aside-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n.oc-aside-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.oc-aside-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.slide-in-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.slide-in-left.oc-active .slide-in-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-left.oc-aside:after {\n display: none;\n}\n\n.slide-in-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.slide-in-right.oc-active .slide-in-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-right.oc-aside:after {\n display: none;\n}\n\n.reveal-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.reveal-left.oc-aside {\n left: 0;\n z-index: 1;\n}\n\n.reveal-left.oc-active .reveal-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-left.oc-aside:after {\n display: none;\n}\n\n.reveal-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.reveal-right.oc-aside {\n right: 0;\n z-index: 1;\n}\n\n.reveal-right.oc-active .reveal-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-right.oc-aside:after {\n display: none;\n}\n\n.slide-along-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-along-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-along-left.oc-active .slide-along-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-left.oc-aside:after {\n display: none;\n}\n\n.slide-along-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-along-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-along-right.oc-active .slide-along-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-right.oc-aside:after {\n display: none;\n}\n\n.slide-out-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-out-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-out-left.oc-active .slide-out-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-out-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-out-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-out-right.oc-active .slide-out-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-left.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-down-left.oc-active .scale-down-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-aside:after {\n display: none;\n}\n\n.scale-down-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-down-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-right.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-down-right.oc-active .scale-down-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-right.oc-aside:after {\n display: none;\n}\n\n.scale-down-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-left.oc-wrap {\n perspective: 1500px;\n perspective-origin: 0% 50%;\n}\n\n.scale-up-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.scale-up-left.oc-aside {\n left: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-left.oc-active .scale-up-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-right.oc-wrap {\n perspective: 1500px;\n perspective-origin: 100% 50%;\n}\n\n.scale-up-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.scale-up-right.oc-aside {\n right: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-right.oc-active .scale-up-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-left.oc-active .oc-content {\n transform: translate3d(100px, 0, -600px) rotateY(-20deg);\n}\n\n.scale-rotate-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-rotate-left.oc-active .scale-rotate-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-left.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.scale-rotate-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-rotate-right.oc-active .scale-rotate-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-right.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-left.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-left .oc-content {\n transform-origin: 100% 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-left.oc-active .oc-content {\n transform: rotateY(-10deg);\n}\n\n.open-door-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.open-door-left.oc-active .open-door-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-left.oc-aside:after {\n display: none;\n}\n\n.open-door-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-right.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-right .oc-content {\n transform-origin: 0 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-right.oc-active .oc-content {\n transform: rotateY(10deg);\n}\n\n.open-door-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.open-door-right.oc-active .open-door-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-right.oc-aside:after {\n display: none;\n}\n\n.open-door-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n/*==============================================================================\n @Swatches - scss/docs/_swatches.scss\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba(0, 0, 0, 0.1);\n width: 44px;\n height: 44px;\n border-radius: 3px;\n}\n\n.bg-color {\n background: #212121;\n}\n\n.bg-color-light {\n background: #9E9E9E;\n}\n\n.bg-color-dark {\n background: #212121;\n}\n\n.bg-color-heading {\n background: #212121;\n}\n\n.bg-color-link {\n background: #2196F3;\n}\n\n.bg-color-link-hover {\n background: #1976D2;\n}\n\n.bg-color-link-heading {\n background: #2196F3;\n}\n\n.bg-color-link-heading-hover {\n background: #E64A19;\n}\n\n.bg-bg-color {\n background: #F5F5F5;\n}\n\n.bg-bg-selection {\n background: rgba(76, 175, 80, 0.25);\n}\n\n.bg-border-color {\n background: rgba(0, 0, 0, 0.1);\n}\n\n.bg-border-color-hover {\n background: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n}\n\n.swatch-wrap .swatch {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.swatch-wrap .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n}\n\n.swatch-card ul {\n margin: 0.5em 0 0;\n list-style: none;\n}\n\n.swatch-card ul li {\n margin: 0;\n}\n\n@media (min-width: 760px) {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: #fff;\n}\n\n.swatch-card .swatch.text-dark {\n color: #212121;\n}\n\n.swatch-card .swatch .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n text-transform: capitalize;\n}\n\n.swatch-card .swatch.text-dark .name {\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.swatch-card .swatch .var,\n.swatch-card .swatch .hex {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n.swatch-card .swatch .hex {\n float: right;\n}\n\n/*==============================================================================\n @Code - scss/docs/_highlight.scss\n==============================================================================*/\nfigure {\n margin: 1em 0;\n}\n\n.highlight .c {\n color: #998;\n font-style: italic;\n}\n\n.highlight .err {\n color: #a61717;\n}\n\n.highlight .k {\n font-weight: bold;\n}\n\n.highlight .o {\n font-weight: bold;\n}\n\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cp {\n color: #999;\n font-weight: bold;\n}\n\n.highlight .c1 {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cs {\n color: #999;\n font-weight: bold;\n font-style: italic;\n}\n\n.highlight .gd {\n color: #000;\n}\n\n.highlight .gd .x {\n color: #000;\n}\n\n.highlight .ge {\n font-style: italic;\n}\n\n.highlight .gr {\n color: #a00;\n}\n\n.highlight .gh {\n color: #999;\n}\n\n.highlight .gi {\n color: #000;\n}\n\n.highlight .gi .x {\n color: #000;\n}\n\n.highlight .go {\n color: #888;\n}\n\n.highlight .gp {\n color: #555;\n}\n\n.highlight .gs {\n font-weight: bold;\n}\n\n.highlight .gu {\n color: #aaa;\n}\n\n.highlight .gt {\n color: #a00;\n}\n\n.highlight .kc {\n font-weight: bold;\n}\n\n.highlight .kd {\n font-weight: bold;\n}\n\n.highlight .kp {\n font-weight: bold;\n}\n\n.highlight .kr {\n font-weight: bold;\n}\n\n.highlight .kt {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .m {\n color: #099;\n}\n\n.highlight .s {\n color: #d14;\n}\n\n.highlight .na {\n color: #008080;\n}\n\n.highlight .nb {\n color: #0086B3;\n}\n\n.highlight .nc {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .no {\n color: #008080;\n}\n\n.highlight .ni {\n color: #800080;\n}\n\n.highlight .ne {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nf {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nn {\n color: #555;\n}\n\n.highlight .nt {\n color: #000080;\n}\n\n.highlight .nv {\n color: #008080;\n}\n\n.highlight .ow {\n font-weight: bold;\n}\n\n.highlight .w {\n color: #bbb;\n}\n\n.highlight .mf {\n color: #099;\n}\n\n.highlight .mh {\n color: #099;\n}\n\n.highlight .mi {\n color: #099;\n}\n\n.highlight .mo {\n color: #099;\n}\n\n.highlight .sb {\n color: #d14;\n}\n\n.highlight .sc {\n color: #d14;\n}\n\n.highlight .sd {\n color: #d14;\n}\n\n.highlight .s2 {\n color: #d14;\n}\n\n.highlight .se {\n color: #d14;\n}\n\n.highlight .sh {\n color: #d14;\n}\n\n.highlight .si {\n color: #d14;\n}\n\n.highlight .sx {\n color: #d14;\n}\n\n.highlight .sr {\n color: #009926;\n}\n\n.highlight .s1 {\n color: #d14;\n}\n\n.highlight .ss {\n color: #990073;\n}\n\n.highlight .bp {\n color: #999;\n}\n\n.highlight .vc {\n color: #008080;\n}\n\n.highlight .vg {\n color: #008080;\n}\n\n.highlight .vi {\n color: #008080;\n}\n\n.highlight .il {\n color: #099;\n}\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n@import \"custom/demos\";\n@import \"custom/swatches\";\n@import \"custom/highlight\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Override Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$base-font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n$base-font-size: 14px;\n$font-weight-heading: normal;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Override Map\n////////////////////////////////////////////////////////////////////////////////\n\n// This is where we define all global, element and component map overrides\n$override: (\n 'grid': (\n 'container-max-width': 80em\n ),\n 'off-canvas': (\n 'class-aside-id': 'oc-aside-right',\n 'transition': 'slide-in-right',\n 'background-content': $blue-gray-50\n )\n);\n\n////////////////////////////////////////////////////////////////////////////////\n// @Settings Overrides\n////////////////////////////////////////////////////////////////////////////////\n\n// There are three maps that get defined before this override file is loaded\n// To override them we need to extend them here\n// ---\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'grid') == true) {\n $grid: map-extend($grid, map-get($override, 'grid'), true);\n }\n @if (map-has-key($override, 'mini-grid') == true) {\n $mini-grid: map-extend($mini-grid, map-get($override, 'mini-grid'), true);\n }\n @if (map-has-key($override, 'breakpoints') == true) {\n $breakpoints: map-extend($breakpoints, map-get($override, 'breakpoints'), true);\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/_custom.scss';\n\n/*==============================================================================\n @Grid System - #{$filename}\n==============================================================================*/\n\n@include build-grid-system('mobile');\n\n@include media-min('medium') {\n @include build-grid-system();\n}\n\n/*==============================================================================\n @Mini Grid System - #{$filename}\n==============================================================================*/\n\n@include build-mini-grid-system();\n\n/*==============================================================================\n @Structure - #{$filename}\n==============================================================================*/\n\nbody {\n background: $blue-gray-50;\n}\n\n.header {\n padding: 2em 0;\n}\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: $white;\n}\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n.footer {\n padding: 2em 0;\n}\n\n@include media-min('medium') {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - #{$filename}\n==============================================================================*/\n\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n\n img {\n margin: 0;\n }\n .version {\n margin-top: 8px;\n margin-left: 10px;\n color: $color-light;\n }\n &:hover {\n text-decoration: none;\n .version {\n color: $color-link;\n }\n }\n}\n\n.home .header .logo {\n .version {\n color: rgba($white, 0.5);\n }\n &:hover {\n .version {\n color: rgba($white, 1);\n }\n }\n}\n\n/**\n * Navigation\n */\n.header .nav {\n ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n }\n ul.menu-hori li {\n margin: 0 15px;\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n a:not(.button) {\n color: $color;\n font-size: px-to-em(15px);\n\n &:hover {\n color: $color-link;\n text-decoration: none;\n }\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: $color-light;\n border: 0 none;\n }\n}\n\n.home .header .nav {\n ul.menu-hori li a:not(.button) {\n color: $white;\n font-size: px-to-em(15px);\n\n &:hover {\n color: rgba($white, 0.5);\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: rgba($white, 0.5);\n }\n li > .button,\n .dropdown-trigger > .button {\n background-clip: padding-box;\n }\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n.oc-aside .nav {\n ul.menu-vert {\n margin: 0;\n list-style: none;\n\n li {\n margin: 0 1em;\n }\n li + li {\n border-top: 1px solid rgba($black, 0.1);\n }\n li a {\n display: block;\n padding: 0.5em 1em;\n }\n li a:hover {\n text-decoration: none;\n }\n }\n .button {\n display: block;\n margin: 1em 1.5em;\n }\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n\n .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: $color;\n @include border-radius(50%);\n\n &:last-child {\n margin-bottom: 1px;\n }\n }\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n@include media-min(930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n@include media-min('small') {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - #{$filename}\n==============================================================================*/\n\n/**\n * Home\n */\n.hero {\n position: relative;\n background: $blue;\n @include linear-gradient(to right, $pink-900, $deep-purple-900);\n}\n\n.hero {\n // -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n // clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n}\n.hero {\n position: relative;\n\n &:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n }\n &:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: $white;\n z-index: -2;\n }\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n\n .container {\n padding-top: 2em;\n padding-bottom: 2em;\n }\n h1 {\n font-size: px-to-em(18px);\n line-height: 1.5em;\n @include font-weight('light');\n color: $white;\n }\n}\n\n@include media-min('small') {\n .hero-content {\n margin-bottom: 5em;\n\n .container {\n padding: 5em 5em 6em;\n }\n h1 {\n font-size: px-to-em(20px);\n }\n }\n}\n\n@include media-min('medium') {\n\n .hero-content {\n margin-bottom: 10em;\n\n .container {\n padding: 10em 10em 12em;\n }\n h1 {\n font-size: px-to-em(24px);\n }\n }\n\n}\n\n@include media-min(1400px) {\n\n .hero-content {\n margin-bottom: 15em;\n }\n\n}\n\n/**\n * Main\n */\n.main {\n .flex,\n .feature {\n margin-bottom: 4em;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n.home {\n .row {\n margin-bottom: 4em;\n }\n hr {\n margin: 8em 0;\n }\n}\n.home .main {\n img,\n svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n }\n}\n@include media-min('medium') {\n\n .main {\n .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n\n\n > * {\n width: 50%;\n margin-right: 6em;\n }\n > *:last-child {\n margin-right: 0;\n }\n }\n\n .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > * {\n width: 50%;\n }\n .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n\n &.reverse {\n flex-direction: row-reverse;\n\n .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n }\n }\n }\n\n .home .main {\n img {\n width: auto;\n margin: 0 auto;\n }\n }\n\n}\n\n/*==============================================================================\n @Widget Wrap - #{$filename}\n==============================================================================*/\n\n.widget-wrap {\n margin: 2em 0;\n\n .widget {\n margin: 1em 0;\n }\n .widget .button {\n display: block;\n }\n}\n\n@include media-min('small') {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n\n .widget {\n flex: 1 1 25%;\n }\n .widget + .widget {\n margin-left: 2em;\n }\n .widget .button {\n display: inline-block;\n }\n }\n}\n\n/*==============================================================================\n @Widgets - #{$filename}\n==============================================================================*/\n\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n @include border-radius();\n\n &:first-child {\n padding-top: 1rem;\n }\n &:last-child {\n padding-bottom: 1rem;\n }\n .widget + .widget {\n border-top: 1px solid rgba($black, 0.1);\n }\n\n &.card {\n padding: 1em 2em;\n border: 1px solid $border-color;\n @include border-radius();\n }\n}\n.widget h2 {\n margin: 1rem 0;\n font-size: px-to-em(16px);\n @include font-weight('semi-bold');\n\n a {\n color: $color;\n }\n a:hover {\n color: $color-link;\n }\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n\n ul {\n list-style: none;\n margin: 1em 0;\n }\n ul ul {\n margin: 0 0 0 1em;\n }\n ul li {\n margin: 1px 0;\n }\n ul li a {\n display: block;\n padding: 0.5em 1em;\n color: $color-light;\n border: 0 none;\n @include border-radius();\n\n &:hover {\n background: $bg-color;\n color: $color;\n text-decoration: none;\n }\n }\n\n // Active Item\n .active > a {\n color: $color-link;\n\n &:hover {\n color: $color-link;\n }\n }\n\n // Display Styles\n ul ul {\n display: none;\n }\n .active > ul {\n display: block;\n }\n}\n\n/**\n * Widget Contents\n */\n.widget-contents {\n .active > a {\n color: $color-light;\n border: 0 none;\n }\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n@include media-min('medium') {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n\n &:first-child,\n &:last-child {\n padding: 0;\n }\n}\n@include media-min('medium') {\n .widget-back {\n margin: 0;\n text-align: left;\n\n &:first-child,\n &:last-child {\n padding: 1em 0;\n }\n }\n}\n\n/*==============================================================================\n @Main - #{$filename}\n==============================================================================*/\n\n/**\n * Tables\n */\n.table-docs {\n @extend .table.rowed;\n @extend .table.expanded;\n @extend .table.valign-middle;\n}\n@media screen and (max-width: 759px) {\n .table-docs {\n tr, th, td {\n display: block;\n }\n\n tr {\n padding: map-get($tables, 'padding');\n border-bottom: map-get($tables, 'border');\n\n &:first-child {\n border-top: map-get($tables, 'border');\n }\n }\n\n tr {\n th,\n td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba($black, 0.1);\n }\n }\n tr {\n th:last-child,\n td:last-child {\n border-bottom: 0 none;\n }\n }\n\n tbody:first-child tr:first-child {\n th,\n td {\n border-top: 0 none;\n }\n }\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n @extend .list.rowed;\n @extend .list.flush;\n margin: 1.5rem 0;\n\n h3 {\n font-size: px-to-em(18px);\n color: $color-light;\n @include font-weight('light');\n }\n}\n.list-docs.numbered {\n counter-reset: list-counter;\n\n li {\n position: relative;\n padding-left: 3em;\n\n &:before {\n content: counter(list-counter);\n \tcounter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: $color-light;\n }\n }\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@include media-min('medium') {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n\n li {\n margin: 2rem 0;\n\n &:first-child {\n margin-top: 0;\n }\n }\n h1 {\n font-size: 2em;\n }\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n\n header {\n text-align: center;\n\n &:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba($black, 0.1);\n }\n }\n .date,\n .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: $color-light;\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n }\n .content {\n font-size: px-to-em(16em);\n line-height: 1.5em;\n }\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n\n .button {\n display: block;\n margin: 0.5em 0;\n }\n}\n\n@include media-min('small') {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .button {\n width: 50%;\n margin-right: 1em;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n@include media-min('medium') {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - #{$filename}\n==============================================================================*/\n\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n // border: 1px solid rgba($black, 0.1);\n // background: $deep-purple-700;\n @include linear-gradient(45deg, $pink-900, $deep-purple-900);\n @include border-radius();\n color: $white;\n text-align: center;\n\n h3 {\n color: $white;\n }\n .button-group-wrapper {\n display: block;\n .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n }\n }\n}\n\n@include media-min('medium') {\n .block-action {\n .button-group-wrapper {\n display: inline-block;\n .button {\n width: auto;\n display: inline-block;\n }\n }\n }\n}\n\n/*==============================================================================\n @Footer - #{$filename}\n==============================================================================*/\n\n.footer {\n color: $color-light;\n text-align: center;\n\n .logo {\n border: 0 none;\n }\n img {\n display: inline-block;\n opacity: 0.4;\n }\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@include media-min('medium') {\n .footer {\n text-align: left;\n\n .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n img {\n margin: 0;\n }\n }\n}\n\n/*==============================================================================\n @End - #{$filename}\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n","// Set file variable\n$filename: 'scss/custom/_demos.scss';\n\n/*==============================================================================\n @Demo - #{$filename}\n==============================================================================*/\n\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba($black, 0.1);\n border-bottom: 1px solid rgba($black, 0.1);\n\n .box {\n @include size(50px);\n margin: 0 auto;\n color: $white;\n background: $blue;\n @include border-radius();\n }\n}\n\n@include media-min('medium') {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba($black, 0.1);\n @include border-radius();\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n\n .box {\n @include vertical-center();\n }\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: $blue;\n @include size(30px);\n}\n.mixin-border-radius {\n @include border-radius(50%);\n}\n.mixin-border-radius-top {\n @include border-radius-top(50%);\n}\n.mixin-border-radius-top-left {\n @include border-radius-top-left(50%);\n}\n.mixin-border-radius-top-right {\n @include border-radius-top-right(50%);\n}\n.mixin-border-radius-bottom {\n @include border-radius-bottom(50%);\n}\n.mixin-border-radius-bottom-left {\n @include border-radius-bottom-left(50%);\n}\n.mixin-border-radius-bottom-right {\n @include border-radius-bottom-right(50%);\n}\n.mixin-border-radius-left {\n @include border-radius-left(50%);\n}\n.mixin-border-radius-left-top {\n @include border-radius-left-top(50%);\n}\n.mixin-border-radius-left-bottom {\n @include border-radius-left-bottom(50%);\n}\n.mixin-border-radius-right {\n @include border-radius-right(50%);\n}\n.mixin-border-radius-right-top {\n @include border-radius-right-top(50%);\n}\n.mixin-border-radius-right-bottom {\n @include border-radius-right-bottom(50%);\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew {\n .box {\n @include transform(skew(30deg, 10deg));\n }\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate {\n .box {\n @include rotate(45deg);\n }\n}\n\n/**\n * Transition\n */\n.demo.demo-transition {\n .box {\n background-color: $blue;\n @include transition();\n\n &:hover {\n background-color: $red;\n }\n }\n}\n\n/**\n * Animation\n */\n@include keyframes('example') {\n 0% { background-color: $red; }\n 50% { background-color: $blue; }\n 100% { background-color: $red; }\n}\n.demo.demo-animation {\n .box {\n @include animation(example 10s linear 1s infinite normal);\n }\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient {\n .box {\n width: 100%;\n @include linear-gradient(to right, $green, $blue, $purple);\n }\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient {\n .box {\n // @include size(100px);\n width: 100%;\n height: 100px;\n @include radial-gradient(circle, $purple, $deep-purple);\n }\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate {\n .box {\n @include size(150px, auto);\n padding: 1em 1.5em;\n @include text-truncate();\n }\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image {\n .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n @include size(187px, 40px);\n @include text-hide();\n }\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n @include make-text-mask(url('../img/demo-mask.jpg'), rgba($black, 0.25));\n\n p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n @include clearfix();\n}\n%triangle {\n @include make-triangle-base();\n}\n.example-triangle-1 {\n @extend %triangle;\n @include make-triangle( 14px, $blue, 'left' );\n}\n.example-triangle-2 {\n @extend %triangle;\n @include make-triangle( 14px, $purple, 'down' );\n}\n.example-triangle-3 {\n @extend %triangle;\n @include make-triangle( 14px, $red, 'right' );\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n @include border-radius();\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic {\n .demo-wrapper,\n .demo-content,\n .demo-aside,\n .demo-article {\n background: rgba($blue, 0.1);\n\n p {\n margin: 0;\n padding: 1rem;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n }\n }\n\n .demo-aside,\n .demo-article {\n p {\n margin: 0.75rem 0;\n background: rgba($black, 0.05);\n @include border-radius();\n }\n }\n\n .demo-wrapper {\n @include make-container();\n }\n .demo-content {\n @include make-row();\n }\n .demo-aside,\n .demo-article {\n @include make-column-base();\n }\n .demo-aside {\n width: column-width(4);\n }\n .demo-article {\n width: column-width(8);\n }\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n @include media-min('medium') {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n }\n.demo-grid-prefix-suffix {\n .row {\n background: rgba($blue, 0.1);\n }\n}\n\n/**\n * Nested Grid Demo\n */\n@include media-min('medium') {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba($blue, 0.1);\n}\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n @include text-truncate();\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n @include clearfix();\n}\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba($black, 0.1);\n\n &:first-child {\n border-left: 0 none;\n @include border-radius-left();\n }\n &:last-child {\n @include border-radius-right();\n }\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n\n > p {\n @include clearfix();\n margin-left: -0.5rem;\n }\n\n .button,\n .button-custom,\n .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n }\n}\n.demo-buttons-mobile {\n > p {\n margin-left: 0;\n }\n\n .button,\n .button-custom-mobile {\n margin-left: 0;\n }\n}\n\n.button-custom {\n @include make-button();\n @include add-button-color((\n 'color' : $white,\n 'background' : $purple\n ));\n}\n.button-custom-mobile {\n @include make-button();\n @include add-button-color();\n @include add-button-block();\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.notice.custom {\n @include add-notice-color((\n 'background' : $teal-50,\n 'inverted' : (\n 'background' : $teal\n )\n ));\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n @include make-breadcrumb((\n 'color' : $green,\n 'color-hover' : $red,\n 'delimiter' : 'ยป'\n ));\n}\n.breadcrumb.custom-wrapped {\n @include add-breadcrumb-wrapped((\n 'background' : $amber-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : 50px,\n 'padding' : 1em 2em\n ));\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n @include clearfix();\n padding: 2em 3em 2em;\n overflow: visible;\n\n > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n }\n}\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n\n > .dropdown,\n > .dropdown-content,\n > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n }\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: $color;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n\n .oc-wrap {\n height: 100%;\n }\n .oc-content {}\n .oc-inner {\n padding: 1.5em;\n }\n .oc-aside {\n position: absolute;\n padding: 1em 2em;\n\n .button.close {\n margin: 0 -1rem;\n }\n }\n\n form {\n margin: 0;\n }\n .input[readonly] {\n font-family: $font-family-mono;\n color: $red;\n opacity: 1;\n background: rgba($white, 0.5);\n\n &:focus {\n background: $white;\n }\n }\n .oc-trigger {\n white-space: normal;\n }\n}\n\n@include media-min('medium') {\n .demo-off-canvas {\n padding: 1.5em;\n\n .oc-inner {\n padding: 3em;\n }\n }\n}\n\n.oc-custom {\n @include make-off-canvas((\n 'aside-position' : absolute,\n 'background-aside' : $blue-gray,\n 'background-content' : $brown-100\n ));\n .oc-aside {\n color: $white;\n }\n}\n\n@include add-off-canvas-transition($target: 'oc-aside-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'oc-aside-right', $style: 'scale-rotate-right');\n\n// All transition effects\n@include add-off-canvas-transition($target: 'slide-in-left', $style: 'slide-in-left');\n@include add-off-canvas-transition($target: 'slide-in-right', $style: 'slide-in-right');\n\n@include add-off-canvas-transition($target: 'reveal-left', $style: 'reveal-left');\n@include add-off-canvas-transition($target: 'reveal-right', $style: 'reveal-right');\n\n@include add-off-canvas-transition($target: 'slide-along-left', $style: 'slide-along-left');\n@include add-off-canvas-transition($target: 'slide-along-right', $style: 'slide-along-right');\n\n@include add-off-canvas-transition($target: 'slide-out-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'slide-out-right', $style: 'slide-out-right');\n\n@include add-off-canvas-transition($target: 'scale-down-left', $style: 'scale-down-left');\n@include add-off-canvas-transition($target: 'scale-down-right', $style: 'scale-down-right');\n\n@include add-off-canvas-transition($target: 'scale-up-left', $style: 'scale-up-left');\n@include add-off-canvas-transition($target: 'scale-up-right', $style: 'scale-up-right');\n\n@include add-off-canvas-transition($target: 'scale-rotate-left', $style: 'scale-rotate-left');\n@include add-off-canvas-transition($target: 'scale-rotate-right', $style: 'scale-rotate-right');\n\n@include add-off-canvas-transition($target: 'open-door-left', $style: 'open-door-left');\n@include add-off-canvas-transition($target: 'open-door-right', $style: 'open-door-right');\n","// Set file variable\n$filename: 'scss/docs/_swatches.scss';\n\n/*==============================================================================\n @Swatches - #{$filename}\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba($black, 0.1);\n @include size(44px);\n @include border-radius();\n}\n\n// Typography\n.bg-color { background: $color; }\n.bg-color-light { background: $color-light; }\n.bg-color-dark { background: $color-dark; }\n.bg-color-heading { background: $color-heading; }\n.bg-color-link { background: $color-link; }\n.bg-color-link-hover { background: $color-link-hover; }\n.bg-color-link-heading { background: $color-link-heading; }\n.bg-color-link-heading-hover { background: $color-link-heading-hover; }\n\n// Global\n.bg-bg-color { background: $bg-color; }\n.bg-bg-selection { background: $bg-selection; }\n.bg-border-color { background: $border-color; }\n.bg-border-color-hover { background: $border-color-hover; }\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n\n .swatch {\n position: absolute;\n top: 0;\n left: 0;\n }\n .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: $font-family-mono;\n }\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n\n ul {\n margin: 0.5em 0 0;\n list-style: none;\n }\n ul li {\n margin: 0;\n }\n}\n\n@include media-min('medium') {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: $white;\n\n &.text-dark {\n color: $color;\n }\n\n .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba($white, 0.25);\n text-transform: capitalize;\n }\n &.text-dark .name {\n border-color: rgba($black, 0.1);\n }\n\n .var,\n .hex {\n font-family: $font-family-mono;\n }\n .hex {\n float: right;\n }\n}\n","// Set file variable\n$filename: 'scss/docs/_highlight.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\nfigure {\n margin: 1em 0;\n}\n\n.highlight {\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; } // Error\n .k { font-weight: bold } // Keyword\n .o { font-weight: bold } // Operator\n .cm { color: #998; font-style: italic } // Comment.Multiline\n .cp { color: #999; font-weight: bold } // Comment.Preproc\n .c1 { color: #998; font-style: italic } // Comment.Single\n .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n .gd { color: #000; } // Generic.Deleted\n .gd .x { color: #000; } // Generic.Deleted.Specific\n .ge { font-style: italic } // Generic.Emph\n .gr { color: #a00 } // Generic.Error\n .gh { color: #999 } // Generic.Heading\n .gi { color: #000; } // Generic.Inserted\n .gi .x { color: #000; } // Generic.Inserted.Specific\n .go { color: #888 } // Generic.Output\n .gp { color: #555 } // Generic.Prompt\n .gs { font-weight: bold } // Generic.Strong\n .gu { color: #aaa } // Generic.Subheading\n .gt { color: #a00 } // Generic.Traceback\n .kc { font-weight: bold } // Keyword.Constant\n .kd { font-weight: bold } // Keyword.Declaration\n .kp { font-weight: bold } // Keyword.Pseudo\n .kr { font-weight: bold } // Keyword.Reserved\n .kt { color: #458; font-weight: bold } // Keyword.Type\n .m { color: #099 } // Literal.Number\n .s { color: #d14 } // Literal.String\n .na { color: #008080 } // Name.Attribute\n .nb { color: #0086B3 } // Name.Builtin\n .nc { color: #458; font-weight: bold } // Name.Class\n .no { color: #008080 } // Name.Constant\n .ni { color: #800080 } // Name.Entity\n .ne { color: #900; font-weight: bold } // Name.Exception\n .nf { color: #900; font-weight: bold } // Name.Function\n .nn { color: #555 } // Name.Namespace\n .nt { color: #000080 } // Name.Tag\n .nv { color: #008080 } // Name.Variable\n .ow { font-weight: bold } // Operator.Word\n .w { color: #bbb } // Text.Whitespace\n .mf { color: #099 } // Literal.Number.Float\n .mh { color: #099 } // Literal.Number.Hex\n .mi { color: #099 } // Literal.Number.Integer\n .mo { color: #099 } // Literal.Number.Oct\n .sb { color: #d14 } // Literal.String.Backtick\n .sc { color: #d14 } // Literal.String.Char\n .sd { color: #d14 } // Literal.String.Doc\n .s2 { color: #d14 } // Literal.String.Double\n .se { color: #d14 } // Literal.String.Escape\n .sh { color: #d14 } // Literal.String.Heredoc\n .si { color: #d14 } // Literal.String.Interpol\n .sx { color: #d14 } // Literal.String.Other\n .sr { color: #009926 } // Literal.String.Regex\n .s1 { color: #d14 } // Literal.String.Single\n .ss { color: #990073 } // Literal.String.Symbol\n .bp { color: #999 } // Name.Builtin.Pseudo\n .vc { color: #008080 } // Name.Variable.Class\n .vg { color: #008080 } // Name.Variable.Global\n .vi { color: #008080 } // Name.Variable.Instance\n .il { color: #099 } // Literal.Number.Integer.Long\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["styles.css","styles.scss","../../../src/scss/elements/_base.scss","../../../src/scss/core/_mixins.scss","../../../src/scss/settings/_global.scss","../../../src/scss/settings/_palette.scss","../../../src/scss/elements/_typography.scss","custom/_overrides.scss","../../../src/scss/settings/_typography.scss","../../../src/scss/core/_media.scss","../../../src/scss/core/_functions.scss","../../../src/scss/elements/_lists.scss","../../../src/scss/elements/_blockquotes.scss","../../../src/scss/elements/_code.scss","../../../src/scss/elements/_tables.scss","../../../src/scss/elements/_images.scss","../../../src/scss/elements/_rules.scss","../../../src/scss/elements/_forms.scss","../../../src/scss/elements/_buttons.scss","../../../src/scss/elements/_videos.scss","../../../src/scss/blocks/_button-groups.scss","../../../src/scss/blocks/_notices.scss","../../../src/scss/blocks/_breadcrumbs.scss","../../../src/scss/blocks/_dropdowns.scss","../../../src/scss/blocks/_tabs.scss","../../../src/scss/blocks/_off-canvas.scss","custom/_custom.scss","../../../src/scss/core/_grid.scss","../../../src/scss/settings/_grid.scss","custom/_demos.scss","custom/_swatches.scss","custom/_highlight.scss"],"names":[],"mappings":"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,4BApH8B;EAqH9B,sCbiOU;CazFX;;AArLC;EACE,eb4Pc;Ea3Pd,sBAAqB;EACrB,iBAAgB;EAChB,+Cb0QQ;EazQR,kCbyQQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,kCehN8B;UfgN9B,0BehN8B;Ef+N9B,2CetOqC;UfsOrC,mCetOqC;CAyEpC;;AAED;EACE,ebiPc;EahPd,iBAAgB;EAChB,+CbgQQ;Ea/PR,kCb+PQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,+BexM2B;UfwM3B,uBexM2B;EfuN3B,2CetOqC;UfsOrC,mCetOqC;CAmFpC;;AA4BD;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;EAEI,ebuLY;Ea9KV,6BAAyH;EAO7H,kCbwLQ;CavLT;;AA+DH;EAtHE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BboNc;EajNhB,4BAuHkC;EAtHlC,4CbkOU;CalGT;;AA9HD;EAEI,Yb8NM;EanNJ,0BAAmF;EAKvF,wCb8MQ;Ca7MT;;AAED;EAEI,YbyMM;Ea9LJ,0BAA2H;EAK/H,wCbyLQ;CaxLT;;AA+DH;EA0BI,4BAA2B;CAC5B;;AA3BH;EA6BI,6BAA4B;CAC7B;;AAGH;;GAEG;AACH;;EA1JE,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,0BAmJsB;EAhJxB,4BApH8B;EAqH9B,sCbiOU;Ca/EX;;AAhJC;;;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;EAEI,ebuLY;Ea9KV,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAyGH;;;;;;;EAhKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0Bb7Bc;EagChB,4BApH8B;EAqH9B,sCbiOU;CaxEX;;AAvJC;;;;;;;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;;;;;;;EAEI,YbyMM;EahMJ,0BAAyH;EAO7H,kCbwLQ;CavLT;;AAgHH;;;;EAvKE,Yb+OU;Ea9OV,2Cb6OU;EarOR,0BbmDe;EahDjB,4BApH8B;EAqH9B,sCbiOU;CajEX;;AA9JC;;;;;;;EAEI,Yb8NM;EarNJ,0BAAkF;EA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;EACE,qBAAoB;EACpB,iBAAgB;EAChB,eAAc;EACd,yCxBqWU;EwBpWV,4CxBoWU;CwB3VX;;AAdD;E1BsEE,Y0B9DoB;E1B+DpB,a0B/DoB;EAClB,eAAc;EACd,YxBgWQ;EwB/VR,oBxB4Fc;EF4BhB,mBC5GiB;CyBVhB;;ApBFC;EoBMF;IACE,gBAAe;IACf,mBAAkB;IAClB,qCxBqVQ;IFtOV,mBC5GiB;GyBDhB;C7Bo7HF;;A6Bj7HD;;GAEG;AACH;EACE,cAAa;CAKd;;AAND;E1BqDE,mBAAkB;EAClB,SAFkC;EAqGlC,oCAlGwC;UAkGxC,4BAlGwC;C0BlDvC;;AAGH;;GAEG;AACH;EACE,sBAAqB;EACrB,oBxB8DgB;EFjChB,Y0B5BkB;E1B6BlB,a0B7BkB;CACnB;;AACD;E1BuFE,mB0BtF0B;CAC3B;;AACD;E1BuFE,4B0BtF8B;E1BuF9B,6B0BvF8B;CAC/B;;AACD;E1BwFE,4B0BvFmC;CACpC;;AACD;E1BwFE,6B0BvFoC;CACrC;;AACD;E1BwFE,gC0BvFiC;E1BwFjC,+B0BxFiC;CAClC;;AACD;E1ByFE,+B0BxFsC;CACvC;;AACD;E1ByFE,gC0BxFuC;CACxC;;AACD;E1ByFE,4B0BxF+B;E1ByF/B,+B0BzF+B;CAChC;;AACD;E1B0FE,4B0BzFmC;CACpC;;AACD;E1B0FE,+B0BzFsC;CACvC;;AACD;E1B0FE,6B0BzFgC;E1B0FhC,gC0B1FgC;CACjC;;AACD;E1B2FE,6B0B1FoC;CACrC;;AACD;E1B2FE,gC0B1FuC;CACxC;;AAED;;GAEG;AACH;E1B8FE,sC0B5FuC;U1B4FvC,8B0B5FuC;CACtC;;AAGH;;GAEG;AACH;E1BqFE,iCAkB+B;UAlB/B,yBAkB+B;C0BpG9B;;AAGH;;GAEG;AACH;EAEI,0BxBJc;EFiHhB,qCC5L2B;ED4L3B,6BC5L2B;CyBqF1B;;AARH;EAMM,0BxB5GW;CwB6GZ;;AAIL;;GAEG;A1BqKD;E0BnKA;IAAO,0BxBrHQ;GLwjId;E6Bl8HD;IAAM,0BxBlBU;GLu9Hf;E6Bp8HD;IAAO,0BxBvHQ;GL8jId;CACF;;AGpyHC;E0BtKA;IAAO,0Bx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AAS;EACT,sBApEwB;EAsExB,qBAlEuB;EAmEvB,eAlEiB;EAmEjB,mBAhEqB;EAiErB,qBA/DuB;EAgEvB,eb2QgB;Ea1QhB,sBAAqB;EACrB,mBAAkB;EAClB,oBAAmB;EACnB,oBAAmB;EAEnB,iBAAgB;EAChB,oCbqRU;EapRV,sCboRU;EFtOV,mBC5GiB;ED8MjB,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,mCexN6B;UfwN7B,2BexN6B;EfuO7B,2CetOqC;UfsOrC,mCetOqC;EAgGrC,eb6NgB;Ea5NhB,kBA9GoB;EAsHlB,uBbsOQ;EanOV,4BApH8B;EAqH9B,sCbiOU;EavIV,eAAc;EACd,YAAW;CWsKZ;;AX9SC;EACE,eb4Pc;Ea3Pd,sBAAqB;EACrB,iBAAgB;EAChB,+Cb0QQ;EazQR,kCbyQQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,kCehN8B;UfgN9B,0BehN8B;Ef+N9B,2CetOqC;UfsOrC,mCetOqC;CAyEpC;;AAED;EACE,ebiPc;EahPd,iBAAgB;EAChB,+CbgQQ;Ea/PR,kCb+PQ;EFpIV,+Ee5M0E;Ef4M1E,uEe5M0E;EfyN1E,+BexM2B;UfwM3B,uBexM2B;EfuN3B,2CetOqC;UfsOrC,mCetOqC;CAmFpC;;AA4BD;EAEI,eb4MY;EanMV,0BAAkF;EAOtF,kCb6MQ;Ca5MT;;AAED;EAEI,ebuLY;Ea9KV,0BAAyH;EAO7H,kCbwLQ;CavLT;;AWyNH;;GAEG;AACH;EACE,gBAAe;EACf,mBAAkB;CACnB;;AACD;ERjSQ,oBhB6CU;CwB2PjB;;ARnSK;EAIM,oBhByCM;CgBtCX;;AQ8RP;;GAEG;AACH;EP9WE,eAAc;EACd,cA1CgB;EA2ChB,eAxCiB;CO0ZlB;;AP/WC;;EAEE,UAAS;EACT,iBAAgB;CAEjB;;AALD;;EnBpDE,YAAW;EACX,eAAc;EACd,YAAW;CACZ;;AmB2DD;EACE,YAAW;EACX,UAAS;CACV;;AAGE;EACD,ejBiHe;EiB/Gf,eAAc;CAKf;;AARE;EAMC,ejBxEW;CiByEZ;;AAIH;EACE,ejBmQc;CiBlQf;;AAGD;EACE,aO4UkB;EP3UlB,kBAhE4B;EAiE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","file":"styles.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 14px;\n /* [1] */\n}\n\nbody {\n font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 14px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: normal;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.571em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li, .list-docs > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li, .list-docs > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child, .list-docs > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table-docs td, .table.rowed th, .table-docs th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table-docs thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th, .table-docs thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td, .table-docs tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th, .table-docs tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td, .table-docs tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th, .table-docs tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table-docs td, .table.expanded th, .table-docs th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr, .table-docs tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.571em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.857rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #ECEFF1;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Structure - scss/custom/_custom.scss\n==============================================================================*/\nbody {\n background: #ECEFF1;\n}\n\n.header {\n padding: 2em 0;\n}\n\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: #fff;\n}\n\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n\n.footer {\n padding: 2em 0;\n}\n\n@media (min-width: 760px) {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - scss/custom/_custom.scss\n==============================================================================*/\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n}\n\n.header .logo img {\n margin: 0;\n}\n\n.header .logo .version {\n margin-top: 8px;\n margin-left: 10px;\n color: #9E9E9E;\n}\n\n.header .logo:hover {\n text-decoration: none;\n}\n\n.header .logo:hover .version {\n color: #2196F3;\n}\n\n.home .header .logo .version {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .logo:hover .version {\n color: white;\n}\n\n/**\n * Navigation\n */\n.header .nav ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n\n.header .nav ul.menu-hori li {\n margin: 0 15px;\n}\n\n.header .nav ul.menu-hori li:first-child {\n margin-left: 0;\n}\n\n.header .nav ul.menu-hori li:last-child {\n margin-right: 0;\n}\n\n.header .nav ul.menu-hori li a:not(.button) {\n color: #212121;\n font-size: 1.071em;\n}\n\n.header .nav ul.menu-hori li a:not(.button):hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.header .nav ul.menu-hori li.active a:not(.button) {\n color: #9E9E9E;\n border: 0 none;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button) {\n color: #fff;\n font-size: 1.071em;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button):hover {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav ul.menu-hori li.active a:not(.button) {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav li > .button,\n.home .header .nav .dropdown-trigger > .button {\n background-clip: padding-box;\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n\n.oc-aside .nav ul.menu-vert {\n margin: 0;\n list-style: none;\n}\n\n.oc-aside .nav ul.menu-vert li {\n margin: 0 1em;\n}\n\n.oc-aside .nav ul.menu-vert li + li {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.oc-aside .nav ul.menu-vert li a {\n display: block;\n padding: 0.5em 1em;\n}\n\n.oc-aside .nav ul.menu-vert li a:hover {\n text-decoration: none;\n}\n\n.oc-aside .nav .button {\n display: block;\n margin: 1em 1.5em;\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n}\n\n.icon.icon-more .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: #212121;\n border-radius: 50%;\n}\n\n.icon.icon-more .dot:last-child {\n margin-bottom: 1px;\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n\n@media (min-width: 930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n\n@media (min-width: 480px) {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Home\n */\n.hero {\n position: relative;\n background: #2196F3;\n background-image: linear-gradient(to right, #880E4F, #311B92);\n}\n\n.hero {\n position: relative;\n}\n\n.hero:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n}\n\n.hero:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: #fff;\n z-index: -2;\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n}\n\n.hero-content .container {\n padding-top: 2em;\n padding-bottom: 2em;\n}\n\n.hero-content h1 {\n font-size: 1.286em;\n line-height: 1.5em;\n font-weight: 300;\n color: #fff;\n}\n\n@media (min-width: 480px) {\n .hero-content {\n margin-bottom: 5em;\n }\n .hero-content .container {\n padding: 5em 5em 6em;\n }\n .hero-content h1 {\n font-size: 1.429em;\n }\n}\n\n@media (min-width: 760px) {\n .hero-content {\n margin-bottom: 10em;\n }\n .hero-content .container {\n padding: 10em 10em 12em;\n }\n .hero-content h1 {\n font-size: 1.714em;\n }\n}\n\n@media (min-width: 1400px) {\n .hero-content {\n margin-bottom: 15em;\n }\n}\n\n/**\n * Main\n */\n.main .flex,\n.main .feature {\n margin-bottom: 4em;\n}\n\n.main .flex:last-child,\n.main .feature:last-child {\n margin-bottom: 0;\n}\n\n.home .row {\n margin-bottom: 4em;\n}\n\n.home hr {\n margin: 8em 0;\n}\n\n.home .main img,\n.home .main svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n}\n\n@media (min-width: 760px) {\n .main .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n }\n .main .flex > * {\n width: 50%;\n margin-right: 6em;\n }\n .main .flex > *:last-child {\n margin-right: 0;\n }\n .main .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .main .feature > * {\n width: 50%;\n }\n .main .feature .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .main .feature .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n .main .feature.reverse {\n flex-direction: row-reverse;\n }\n .main .feature.reverse .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .main .feature.reverse .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n .home .main img {\n width: auto;\n margin: 0 auto;\n }\n}\n\n/*==============================================================================\n @Widget Wrap - scss/custom/_custom.scss\n==============================================================================*/\n.widget-wrap {\n margin: 2em 0;\n}\n\n.widget-wrap .widget {\n margin: 1em 0;\n}\n\n.widget-wrap .widget .button {\n display: block;\n}\n\n@media (min-width: 480px) {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n }\n .widget-wrap .widget {\n flex: 1 1 25%;\n }\n .widget-wrap .widget + .widget {\n margin-left: 2em;\n }\n .widget-wrap .widget .button {\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Widgets - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n border-radius: 3px;\n}\n\n.widget:first-child {\n padding-top: 1rem;\n}\n\n.widget:last-child {\n padding-bottom: 1rem;\n}\n\n.widget .widget + .widget {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.widget.card {\n padding: 1em 2em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n.widget h2 {\n margin: 1rem 0;\n font-size: 1.143em;\n font-weight: 600;\n}\n\n.widget h2 a {\n color: #212121;\n}\n\n.widget h2 a:hover {\n color: #2196F3;\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n}\n\n.widget-menu ul {\n list-style: none;\n margin: 1em 0;\n}\n\n.widget-menu ul ul {\n margin: 0 0 0 1em;\n}\n\n.widget-menu ul li {\n margin: 1px 0;\n}\n\n.widget-menu ul li a {\n display: block;\n padding: 0.5em 1em;\n color: #9E9E9E;\n border: 0 none;\n border-radius: 3px;\n}\n\n.widget-menu ul li a:hover {\n background: #F5F5F5;\n color: #212121;\n text-decoration: none;\n}\n\n.widget-menu .active > a {\n color: #2196F3;\n}\n\n.widget-menu .active > a:hover {\n color: #2196F3;\n}\n\n.widget-menu ul ul {\n display: none;\n}\n\n.widget-menu .active > ul {\n display: block;\n}\n\n/**\n * Widget Contents\n */\n.widget-contents .active > a {\n color: #9E9E9E;\n border: 0 none;\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n\n@media (min-width: 760px) {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n}\n\n.widget-back:first-child, .widget-back:last-child {\n padding: 0;\n}\n\n@media (min-width: 760px) {\n .widget-back {\n margin: 0;\n text-align: left;\n }\n .widget-back:first-child, .widget-back:last-child {\n padding: 1em 0;\n }\n}\n\n/*==============================================================================\n @Main - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Tables\n */\n@media screen and (max-width: 759px) {\n .table-docs tr, .table-docs th, .table-docs td {\n display: block;\n }\n .table-docs tr {\n padding: 0.5em 0.75em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th,\n .table-docs tr td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th:last-child,\n .table-docs tr td:last-child {\n border-bottom: 0 none;\n }\n .table-docs tbody:first-child tr:first-child th,\n .table-docs tbody:first-child tr:first-child td {\n border-top: 0 none;\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n margin: 1.5rem 0;\n}\n\n.list-docs h3 {\n font-size: 1.286em;\n color: #9E9E9E;\n font-weight: 300;\n}\n\n.list-docs.numbered {\n counter-reset: list-counter;\n}\n\n.list-docs.numbered li {\n position: relative;\n padding-left: 3em;\n}\n\n.list-docs.numbered li:before {\n content: counter(list-counter);\n counter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: #9E9E9E;\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@media (min-width: 760px) {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n}\n\n.article-listing li {\n margin: 2rem 0;\n}\n\n.article-listing li:first-child {\n margin-top: 0;\n}\n\n.article-listing h1 {\n font-size: 2em;\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n}\n\n.article header {\n text-align: center;\n}\n\n.article header:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba(0, 0, 0, 0.1);\n}\n\n.article .date,\n.article .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: #9E9E9E;\n}\n\n.article .date a,\n.article .meta a {\n color: #9E9E9E;\n}\n\n.article .date a:hover,\n.article .meta a:hover {\n color: #1976D2;\n}\n\n.article .content {\n font-size: 1.143em;\n line-height: 1.5em;\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n}\n\n.page-nav .button {\n display: block;\n margin: 0.5em 0;\n}\n\n@media (min-width: 480px) {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .page-nav .button {\n width: 50%;\n margin-right: 1em;\n }\n .page-nav .button:last-child {\n margin-right: 0;\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n\n@media (min-width: 760px) {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n background-image: linear-gradient(45deg, #880E4F, #311B92);\n border-radius: 3px;\n color: #fff;\n text-align: center;\n}\n\n.block-action h3 {\n color: #fff;\n}\n\n.block-action .button-group-wrapper {\n display: block;\n}\n\n.block-action .button-group-wrapper .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n}\n\n@media (min-width: 760px) {\n .block-action .button-group-wrapper {\n display: inline-block;\n }\n .block-action .button-group-wrapper .button {\n width: auto;\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Footer - scss/custom/_custom.scss\n==============================================================================*/\n.footer {\n color: #9E9E9E;\n text-align: center;\n}\n\n.footer .logo {\n border: 0 none;\n}\n\n.footer img {\n display: inline-block;\n opacity: 0.4;\n}\n\n.footer a {\n color: #9E9E9E;\n}\n\n.footer a:hover {\n color: #1976D2;\n}\n\n@media (min-width: 760px) {\n .footer {\n text-align: left;\n }\n .footer .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n .footer img {\n margin: 0;\n }\n}\n\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @Demo - scss/custom/_demos.scss\n==============================================================================*/\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo .box {\n width: 50px;\n height: 50px;\n margin: 0 auto;\n color: #fff;\n background: #2196F3;\n border-radius: 3px;\n}\n\n@media (min-width: 760px) {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n}\n\n.demo.demo-vertical-center .box {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: #2196F3;\n width: 30px;\n height: 30px;\n}\n\n.mixin-border-radius {\n border-radius: 50%;\n}\n\n.mixin-border-radius-top {\n border-top-left-radius: 50%;\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-top-left {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-top-right {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-bottom {\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-left {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-right {\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-left {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-left-top {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-left-bottom {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-right {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-right-top {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-right-bottom {\n border-bottom-right-radius: 50%;\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew .box {\n transform: skew(30deg, 10deg);\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate .box {\n transform: rotate(45deg);\n}\n\n/**\n * Transition\n */\n.demo.demo-transition .box {\n background-color: #2196F3;\n transition: all 0.25s linear;\n}\n\n.demo.demo-transition .box:hover {\n background-color: #F44336;\n}\n\n/**\n * Animation\n */\n@-webkit-keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n@keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n.demo.demo-animation .box {\n animation: example 10s linear 1s infinite normal;\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient .box {\n width: 100%;\n background-image: linear-gradient(to right, #4CAF50, #2196F3, #9C27B0);\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient .box {\n width: 100%;\n height: 100px;\n background-image: radial-gradient(circle, #9C27B0, #673AB7);\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate .box {\n width: 150px;\n height: auto;\n padding: 1em 1.5em;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n width: 187px;\n height: 40px;\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n color: rgba(0, 0, 0, 0.25);\n background-clip: text;\n background-image: url(\"../img/demo-mask.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n}\n\n.demo.demo-text-mask p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n}\n\n.demo.demo-triangle:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.example-triangle-1, .example-triangle-2, .example-triangle-3 {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n.example-triangle-1 {\n border-color: transparent;\n border-width: 14px 14px 14px 0;\n border-right-color: #2196F3;\n}\n\n.example-triangle-2 {\n border-color: transparent;\n border-width: 14px 14px 0 14px;\n border-top-color: #9C27B0;\n}\n\n.example-triangle-3 {\n border-color: transparent;\n border-width: 14px 0 14px 14px;\n border-left-color: #F44336;\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-radius: 3px;\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic .demo-wrapper,\n.demo-grid-semantic .demo-content,\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-semantic .demo-wrapper p,\n.demo-grid-semantic .demo-content p,\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0;\n padding: 1rem;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n}\n\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0.75rem 0;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 3px;\n}\n\n.demo-grid-semantic .demo-wrapper {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n}\n\n.demo-grid-semantic .demo-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-content {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n}\n\n.demo-grid-semantic .demo-content:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.demo-grid-semantic .demo-aside.col-left,\n.demo-grid-semantic .demo-article.col-left {\n float: left;\n}\n\n.demo-grid-semantic .demo-aside.col-right,\n.demo-grid-semantic .demo-article.col-right {\n float: right;\n}\n\n.demo-grid-semantic .demo-aside {\n width: 33.333%;\n}\n\n.demo-grid-semantic .demo-article {\n width: 66.667%;\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-prefix-suffix .row {\n background: rgba(33, 150, 243, 0.1);\n}\n\n/**\n * Nested Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n}\n\n.demo-mini-grid .mini-grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo-mini-grid .mini-grid > *:first-child {\n border-left: 0 none;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.demo-mini-grid .mini-grid > *:last-child {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n}\n\n.demo-buttons > p {\n margin-left: -0.5rem;\n}\n\n.demo-buttons > p:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-buttons .button,\n.demo-buttons .button-custom,\n.demo-buttons .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n}\n\n.demo-buttons-mobile > p {\n margin-left: 0;\n}\n\n.demo-buttons-mobile .button,\n.demo-buttons-mobile .button-custom-mobile {\n margin-left: 0;\n}\n\n.button-custom {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #fff;\n text-shadow: none;\n background-color: #9C27B0;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #fff;\n background-color: #89229b;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom:active {\n color: #fff;\n background-color: #771e86;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n display: block;\n width: 100%;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n background-color: #f2f2f2;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background-color: #e6e6e6;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n\n.notice.custom {\n background: #E0F2F1;\n}\n\n.notice.custom.inverted {\n background: #009688;\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.custom-breadcrumb ul,\n.custom-breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.custom-breadcrumb ul:after,\n.custom-breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.custom-breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.custom-breadcrumb li a {\n color: #4CAF50;\n border: 0 none;\n}\n\n.custom-breadcrumb li a:hover {\n color: #F44336;\n}\n\n.custom-breadcrumb .current {\n color: #9E9E9E;\n}\n\n.custom-breadcrumb li:after {\n content: \"ยป\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.custom-breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.custom-wrapped {\n padding: 1em 2em;\n background: #FFF8E1;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 50px;\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n padding: 2em 3em 2em;\n overflow: visible;\n}\n\n.demo-dropdown:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-dropdown > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n}\n\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n}\n\n.demo-dropdown-styles > .dropdown,\n.demo-dropdown-styles > .dropdown-content,\n.demo-dropdown-styles > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: #212121;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n}\n\n.demo-off-canvas .oc-wrap {\n height: 100%;\n}\n\n.demo-off-canvas .oc-inner {\n padding: 1.5em;\n}\n\n.demo-off-canvas .oc-aside {\n position: absolute;\n padding: 1em 2em;\n}\n\n.demo-off-canvas .oc-aside .button.close {\n margin: 0 -1rem;\n}\n\n.demo-off-canvas form {\n margin: 0;\n}\n\n.demo-off-canvas .input[readonly] {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n color: #F44336;\n opacity: 1;\n background: rgba(255, 255, 255, 0.5);\n}\n\n.demo-off-canvas .input[readonly]:focus {\n background: #fff;\n}\n\n.demo-off-canvas .oc-trigger {\n white-space: normal;\n}\n\n@media (min-width: 760px) {\n .demo-off-canvas {\n padding: 1.5em;\n }\n .demo-off-canvas .oc-inner {\n padding: 3em;\n }\n}\n\n.oc-custom .oc-content,\n.oc-custom .oc-inner,\n.oc-custom .oc-aside {\n height: 100%;\n}\n\n.oc-custom .oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-custom .oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #D7CCC8;\n}\n\n.oc-custom .oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-custom .oc-aside {\n position: absolute;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #607D8B;\n}\n\n.oc-custom .oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-aside {\n color: #fff;\n}\n\n.oc-aside-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-wrap {\n perspective: 1500px;\n}\n\n.oc-aside-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.oc-aside-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n.oc-aside-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.oc-aside-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.slide-in-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.slide-in-left.oc-active .slide-in-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-left.oc-aside:after {\n display: none;\n}\n\n.slide-in-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.slide-in-right.oc-active .slide-in-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-right.oc-aside:after {\n display: none;\n}\n\n.reveal-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.reveal-left.oc-aside {\n left: 0;\n z-index: 1;\n}\n\n.reveal-left.oc-active .reveal-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-left.oc-aside:after {\n display: none;\n}\n\n.reveal-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.reveal-right.oc-aside {\n right: 0;\n z-index: 1;\n}\n\n.reveal-right.oc-active .reveal-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-right.oc-aside:after {\n display: none;\n}\n\n.slide-along-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-along-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-along-left.oc-active .slide-along-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-left.oc-aside:after {\n display: none;\n}\n\n.slide-along-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-along-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-along-right.oc-active .slide-along-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-right.oc-aside:after {\n display: none;\n}\n\n.slide-out-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-out-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-out-left.oc-active .slide-out-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-out-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-out-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-out-right.oc-active .slide-out-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-left.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-down-left.oc-active .scale-down-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-aside:after {\n display: none;\n}\n\n.scale-down-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-down-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-right.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-down-right.oc-active .scale-down-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-right.oc-aside:after {\n display: none;\n}\n\n.scale-down-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-left.oc-wrap {\n perspective: 1500px;\n perspective-origin: 0% 50%;\n}\n\n.scale-up-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.scale-up-left.oc-aside {\n left: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-left.oc-active .scale-up-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-right.oc-wrap {\n perspective: 1500px;\n perspective-origin: 100% 50%;\n}\n\n.scale-up-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.scale-up-right.oc-aside {\n right: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-right.oc-active .scale-up-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-left.oc-active .oc-content {\n transform: translate3d(100px, 0, -600px) rotateY(-20deg);\n}\n\n.scale-rotate-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-rotate-left.oc-active .scale-rotate-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-left.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.scale-rotate-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-rotate-right.oc-active .scale-rotate-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-right.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-left.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-left .oc-content {\n transform-origin: 100% 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-left.oc-active .oc-content {\n transform: rotateY(-10deg);\n}\n\n.open-door-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.open-door-left.oc-active .open-door-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-left.oc-aside:after {\n display: none;\n}\n\n.open-door-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-right.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-right .oc-content {\n transform-origin: 0 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-right.oc-active .oc-content {\n transform: rotateY(10deg);\n}\n\n.open-door-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.open-door-right.oc-active .open-door-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-right.oc-aside:after {\n display: none;\n}\n\n.open-door-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n/*==============================================================================\n @Swatches - scss/docs/_swatches.scss\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba(0, 0, 0, 0.1);\n width: 44px;\n height: 44px;\n border-radius: 3px;\n}\n\n.bg-color {\n background: #212121;\n}\n\n.bg-color-light {\n background: #9E9E9E;\n}\n\n.bg-color-dark {\n background: #212121;\n}\n\n.bg-color-heading {\n background: #212121;\n}\n\n.bg-color-link {\n background: #2196F3;\n}\n\n.bg-color-link-hover {\n background: #1976D2;\n}\n\n.bg-color-link-heading {\n background: #2196F3;\n}\n\n.bg-color-link-heading-hover {\n background: #E64A19;\n}\n\n.bg-bg-color {\n background: #F5F5F5;\n}\n\n.bg-bg-selection {\n background: rgba(76, 175, 80, 0.25);\n}\n\n.bg-border-color {\n background: rgba(0, 0, 0, 0.1);\n}\n\n.bg-border-color-hover {\n background: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n}\n\n.swatch-wrap .swatch {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.swatch-wrap .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n}\n\n.swatch-card ul {\n margin: 0.5em 0 0;\n list-style: none;\n}\n\n.swatch-card ul li {\n margin: 0;\n}\n\n@media (min-width: 760px) {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: #fff;\n}\n\n.swatch-card .swatch.text-dark {\n color: #212121;\n}\n\n.swatch-card .swatch .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n text-transform: capitalize;\n}\n\n.swatch-card .swatch.text-dark .name {\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.swatch-card .swatch .var,\n.swatch-card .swatch .hex {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n.swatch-card .swatch .hex {\n float: right;\n}\n\n/*==============================================================================\n @Code - scss/docs/_highlight.scss\n==============================================================================*/\nfigure {\n margin: 1em 0;\n}\n\n.highlight .c {\n color: #998;\n font-style: italic;\n}\n\n.highlight .err {\n color: #a61717;\n}\n\n.highlight .k {\n font-weight: bold;\n}\n\n.highlight .o {\n font-weight: bold;\n}\n\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cp {\n color: #999;\n font-weight: bold;\n}\n\n.highlight .c1 {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cs {\n color: #999;\n font-weight: bold;\n font-style: italic;\n}\n\n.highlight .gd {\n color: #000;\n}\n\n.highlight .gd .x {\n color: #000;\n}\n\n.highlight .ge {\n font-style: italic;\n}\n\n.highlight .gr {\n color: #a00;\n}\n\n.highlight .gh {\n color: #999;\n}\n\n.highlight .gi {\n color: #000;\n}\n\n.highlight .gi .x {\n color: #000;\n}\n\n.highlight .go {\n color: #888;\n}\n\n.highlight .gp {\n color: #555;\n}\n\n.highlight .gs {\n font-weight: bold;\n}\n\n.highlight .gu {\n color: #aaa;\n}\n\n.highlight .gt {\n color: #a00;\n}\n\n.highlight .kc {\n font-weight: bold;\n}\n\n.highlight .kd {\n font-weight: bold;\n}\n\n.highlight .kp {\n font-weight: bold;\n}\n\n.highlight .kr {\n font-weight: bold;\n}\n\n.highlight .kt {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .m {\n color: #099;\n}\n\n.highlight .s {\n color: #d14;\n}\n\n.highlight .na {\n color: #008080;\n}\n\n.highlight .nb {\n color: #0086B3;\n}\n\n.highlight .nc {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .no {\n color: #008080;\n}\n\n.highlight .ni {\n color: #800080;\n}\n\n.highlight .ne {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nf {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nn {\n color: #555;\n}\n\n.highlight .nt {\n color: #000080;\n}\n\n.highlight .nv {\n color: #008080;\n}\n\n.highlight .ow {\n font-weight: bold;\n}\n\n.highlight .w {\n color: #bbb;\n}\n\n.highlight .mf {\n color: #099;\n}\n\n.highlight .mh {\n color: #099;\n}\n\n.highlight .mi {\n color: #099;\n}\n\n.highlight .mo {\n color: #099;\n}\n\n.highlight .sb {\n color: #d14;\n}\n\n.highlight .sc {\n color: #d14;\n}\n\n.highlight .sd {\n color: #d14;\n}\n\n.highlight .s2 {\n color: #d14;\n}\n\n.highlight .se {\n color: #d14;\n}\n\n.highlight .sh {\n color: #d14;\n}\n\n.highlight .si {\n color: #d14;\n}\n\n.highlight .sx {\n color: #d14;\n}\n\n.highlight .sr {\n color: #009926;\n}\n\n.highlight .s1 {\n color: #d14;\n}\n\n.highlight .ss {\n color: #990073;\n}\n\n.highlight .bp {\n color: #999;\n}\n\n.highlight .vc {\n color: #008080;\n}\n\n.highlight .vg {\n color: #008080;\n}\n\n.highlight .vi {\n color: #008080;\n}\n\n.highlight .il {\n color: #099;\n}\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n@import \"custom/demos\";\n@import \"custom/swatches\";\n@import \"custom/highlight\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Override Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$base-font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n$base-font-size: 14px;\n$font-weight-heading: normal;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Override Map\n////////////////////////////////////////////////////////////////////////////////\n\n// This is where we define all global, element and component map overrides\n$override: (\n 'grid': (\n 'container-max-width': 80em\n ),\n 'off-canvas': (\n 'class-aside-id': 'oc-aside-right',\n 'transition': 'slide-in-right',\n 'background-content': $blue-gray-50\n )\n);\n\n////////////////////////////////////////////////////////////////////////////////\n// @Settings Overrides\n////////////////////////////////////////////////////////////////////////////////\n\n// There are three maps that get defined before this override file is loaded\n// To override them we need to extend them here\n// ---\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'grid') == true) {\n $grid: map-extend($grid, map-get($override, 'grid'), true);\n }\n @if (map-has-key($override, 'mini-grid') == true) {\n $mini-grid: map-extend($mini-grid, map-get($override, 'mini-grid'), true);\n }\n @if (map-has-key($override, 'breakpoints') == true) {\n $breakpoints: map-extend($breakpoints, map-get($override, 'breakpoints'), true);\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/_custom.scss';\n\n/*==============================================================================\n @Grid System - #{$filename}\n==============================================================================*/\n\n@include build-grid-system('mobile');\n\n@include media-min('medium') {\n @include build-grid-system();\n}\n\n/*==============================================================================\n @Mini Grid System - #{$filename}\n==============================================================================*/\n\n@include build-mini-grid-system();\n\n/*==============================================================================\n @Structure - #{$filename}\n==============================================================================*/\n\nbody {\n background: $blue-gray-50;\n}\n\n.header {\n padding: 2em 0;\n}\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: $white;\n}\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n.footer {\n padding: 2em 0;\n}\n\n@include media-min('medium') {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - #{$filename}\n==============================================================================*/\n\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n\n img {\n margin: 0;\n }\n .version {\n margin-top: 8px;\n margin-left: 10px;\n color: $color-light;\n }\n &:hover {\n text-decoration: none;\n .version {\n color: $color-link;\n }\n }\n}\n\n.home .header .logo {\n .version {\n color: rgba($white, 0.5);\n }\n &:hover {\n .version {\n color: rgba($white, 1);\n }\n }\n}\n\n/**\n * Navigation\n */\n.header .nav {\n ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n }\n ul.menu-hori li {\n margin: 0 15px;\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n a:not(.button) {\n color: $color;\n font-size: px-to-em(15px);\n\n &:hover {\n color: $color-link;\n text-decoration: none;\n }\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: $color-light;\n border: 0 none;\n }\n}\n\n.home .header .nav {\n ul.menu-hori li a:not(.button) {\n color: $white;\n font-size: px-to-em(15px);\n\n &:hover {\n color: rgba($white, 0.5);\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: rgba($white, 0.5);\n }\n li > .button,\n .dropdown-trigger > .button {\n background-clip: padding-box;\n }\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n.oc-aside .nav {\n ul.menu-vert {\n margin: 0;\n list-style: none;\n\n li {\n margin: 0 1em;\n }\n li + li {\n border-top: 1px solid rgba($black, 0.1);\n }\n li a {\n display: block;\n padding: 0.5em 1em;\n }\n li a:hover {\n text-decoration: none;\n }\n }\n .button {\n display: block;\n margin: 1em 1.5em;\n }\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n\n .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: $color;\n @include border-radius(50%);\n\n &:last-child {\n margin-bottom: 1px;\n }\n }\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n@include media-min(930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n@include media-min('small') {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - #{$filename}\n==============================================================================*/\n\n/**\n * Home\n */\n.hero {\n position: relative;\n background: $blue;\n @include linear-gradient(to right, $pink-900, $deep-purple-900);\n}\n\n.hero {\n // -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n // clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n}\n.hero {\n position: relative;\n\n &:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n }\n &:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: $white;\n z-index: -2;\n }\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n\n .container {\n padding-top: 2em;\n padding-bottom: 2em;\n }\n h1 {\n font-size: px-to-em(18px);\n line-height: 1.5em;\n @include font-weight('light');\n color: $white;\n }\n}\n\n@include media-min('small') {\n .hero-content {\n margin-bottom: 5em;\n\n .container {\n padding: 5em 5em 6em;\n }\n h1 {\n font-size: px-to-em(20px);\n }\n }\n}\n\n@include media-min('medium') {\n\n .hero-content {\n margin-bottom: 10em;\n\n .container {\n padding: 10em 10em 12em;\n }\n h1 {\n font-size: px-to-em(24px);\n }\n }\n\n}\n\n@include media-min(1400px) {\n\n .hero-content {\n margin-bottom: 15em;\n }\n\n}\n\n/**\n * Main\n */\n.main {\n .flex,\n .feature {\n margin-bottom: 4em;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n.home {\n .row {\n margin-bottom: 4em;\n }\n hr {\n margin: 8em 0;\n }\n}\n.home .main {\n img,\n svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n }\n}\n@include media-min('medium') {\n\n .main {\n .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n\n\n > * {\n width: 50%;\n margin-right: 6em;\n }\n > *:last-child {\n margin-right: 0;\n }\n }\n\n .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > * {\n width: 50%;\n }\n .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n\n &.reverse {\n flex-direction: row-reverse;\n\n .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n }\n }\n }\n\n .home .main {\n img {\n width: auto;\n margin: 0 auto;\n }\n }\n\n}\n\n/*==============================================================================\n @Widget Wrap - #{$filename}\n==============================================================================*/\n\n.widget-wrap {\n margin: 2em 0;\n\n .widget {\n margin: 1em 0;\n }\n .widget .button {\n display: block;\n }\n}\n\n@include media-min('small') {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n\n .widget {\n flex: 1 1 25%;\n }\n .widget + .widget {\n margin-left: 2em;\n }\n .widget .button {\n display: inline-block;\n }\n }\n}\n\n/*==============================================================================\n @Widgets - #{$filename}\n==============================================================================*/\n\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n @include border-radius();\n\n &:first-child {\n padding-top: 1rem;\n }\n &:last-child {\n padding-bottom: 1rem;\n }\n .widget + .widget {\n border-top: 1px solid rgba($black, 0.1);\n }\n\n &.card {\n padding: 1em 2em;\n border: 1px solid $border-color;\n @include border-radius();\n }\n}\n.widget h2 {\n margin: 1rem 0;\n font-size: px-to-em(16px);\n @include font-weight('semi-bold');\n\n a {\n color: $color;\n }\n a:hover {\n color: $color-link;\n }\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n\n ul {\n list-style: none;\n margin: 1em 0;\n }\n ul ul {\n margin: 0 0 0 1em;\n }\n ul li {\n margin: 1px 0;\n }\n ul li a {\n display: block;\n padding: 0.5em 1em;\n color: $color-light;\n border: 0 none;\n @include border-radius();\n\n &:hover {\n background: $bg-color;\n color: $color;\n text-decoration: none;\n }\n }\n\n // Active Item\n .active > a {\n color: $color-link;\n\n &:hover {\n color: $color-link;\n }\n }\n\n // Display Styles\n ul ul {\n display: none;\n }\n .active > ul {\n display: block;\n }\n}\n\n/**\n * Widget Contents\n */\n.widget-contents {\n .active > a {\n color: $color-light;\n border: 0 none;\n }\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n@include media-min('medium') {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n\n &:first-child,\n &:last-child {\n padding: 0;\n }\n}\n@include media-min('medium') {\n .widget-back {\n margin: 0;\n text-align: left;\n\n &:first-child,\n &:last-child {\n padding: 1em 0;\n }\n }\n}\n\n/*==============================================================================\n @Main - #{$filename}\n==============================================================================*/\n\n/**\n * Tables\n */\n.table-docs {\n @extend .table.rowed;\n @extend .table.expanded;\n @extend .table.valign-middle;\n}\n@media screen and (max-width: 759px) {\n .table-docs {\n tr, th, td {\n display: block;\n }\n\n tr {\n padding: map-get($tables, 'padding');\n border-bottom: map-get($tables, 'border');\n\n &:first-child {\n border-top: map-get($tables, 'border');\n }\n }\n\n tr {\n th,\n td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba($black, 0.1);\n }\n }\n tr {\n th:last-child,\n td:last-child {\n border-bottom: 0 none;\n }\n }\n\n tbody:first-child tr:first-child {\n th,\n td {\n border-top: 0 none;\n }\n }\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n @extend .list.rowed;\n @extend .list.flush;\n margin: 1.5rem 0;\n\n h3 {\n font-size: px-to-em(18px);\n color: $color-light;\n @include font-weight('light');\n }\n}\n.list-docs.numbered {\n counter-reset: list-counter;\n\n li {\n position: relative;\n padding-left: 3em;\n\n &:before {\n content: counter(list-counter);\n \tcounter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: $color-light;\n }\n }\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@include media-min('medium') {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n\n li {\n margin: 2rem 0;\n\n &:first-child {\n margin-top: 0;\n }\n }\n h1 {\n font-size: 2em;\n }\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n\n header {\n text-align: center;\n\n &:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba($black, 0.1);\n }\n }\n .date,\n .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: $color-light;\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n }\n .content {\n font-size: px-to-em(16em);\n line-height: 1.5em;\n }\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n\n .button {\n display: block;\n margin: 0.5em 0;\n }\n}\n\n@include media-min('small') {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .button {\n width: 50%;\n margin-right: 1em;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n@include media-min('medium') {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - #{$filename}\n==============================================================================*/\n\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n // border: 1px solid rgba($black, 0.1);\n // background: $deep-purple-700;\n @include linear-gradient(45deg, $pink-900, $deep-purple-900);\n @include border-radius();\n color: $white;\n text-align: center;\n\n h3 {\n color: $white;\n }\n .button-group-wrapper {\n display: block;\n .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n }\n }\n}\n\n@include media-min('medium') {\n .block-action {\n .button-group-wrapper {\n display: inline-block;\n .button {\n width: auto;\n display: inline-block;\n }\n }\n }\n}\n\n/*==============================================================================\n @Footer - #{$filename}\n==============================================================================*/\n\n.footer {\n color: $color-light;\n text-align: center;\n\n .logo {\n border: 0 none;\n }\n img {\n display: inline-block;\n opacity: 0.4;\n }\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@include media-min('medium') {\n .footer {\n text-align: left;\n\n .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n img {\n margin: 0;\n }\n }\n}\n\n/*==============================================================================\n @End - #{$filename}\n==============================================================================*/\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n","// Set file variable\n$filename: 'scss/custom/_demos.scss';\n\n/*==============================================================================\n @Demo - #{$filename}\n==============================================================================*/\n\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba($black, 0.1);\n border-bottom: 1px solid rgba($black, 0.1);\n\n .box {\n @include size(50px);\n margin: 0 auto;\n color: $white;\n background: $blue;\n @include border-radius();\n }\n}\n\n@include media-min('medium') {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba($black, 0.1);\n @include border-radius();\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n\n .box {\n @include vertical-center();\n }\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: $blue;\n @include size(30px);\n}\n.mixin-border-radius {\n @include border-radius(50%);\n}\n.mixin-border-radius-top {\n @include border-radius-top(50%);\n}\n.mixin-border-radius-top-left {\n @include border-radius-top-left(50%);\n}\n.mixin-border-radius-top-right {\n @include border-radius-top-right(50%);\n}\n.mixin-border-radius-bottom {\n @include border-radius-bottom(50%);\n}\n.mixin-border-radius-bottom-left {\n @include border-radius-bottom-left(50%);\n}\n.mixin-border-radius-bottom-right {\n @include border-radius-bottom-right(50%);\n}\n.mixin-border-radius-left {\n @include border-radius-left(50%);\n}\n.mixin-border-radius-left-top {\n @include border-radius-left-top(50%);\n}\n.mixin-border-radius-left-bottom {\n @include border-radius-left-bottom(50%);\n}\n.mixin-border-radius-right {\n @include border-radius-right(50%);\n}\n.mixin-border-radius-right-top {\n @include border-radius-right-top(50%);\n}\n.mixin-border-radius-right-bottom {\n @include border-radius-right-bottom(50%);\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew {\n .box {\n @include transform(skew(30deg, 10deg));\n }\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate {\n .box {\n @include rotate(45deg);\n }\n}\n\n/**\n * Transition\n */\n.demo.demo-transition {\n .box {\n background-color: $blue;\n @include transition();\n\n &:hover {\n background-color: $red;\n }\n }\n}\n\n/**\n * Animation\n */\n@include keyframes('example') {\n 0% { background-color: $red; }\n 50% { background-color: $blue; }\n 100% { background-color: $red; }\n}\n.demo.demo-animation {\n .box {\n @include animation(example 10s linear 1s infinite normal);\n }\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient {\n .box {\n width: 100%;\n @include linear-gradient(to right, $green, $blue, $purple);\n }\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient {\n .box {\n // @include size(100px);\n width: 100%;\n height: 100px;\n @include radial-gradient(circle, $purple, $deep-purple);\n }\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate {\n .box {\n @include size(150px, auto);\n padding: 1em 1.5em;\n @include text-truncate();\n }\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image {\n .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n @include size(187px, 40px);\n @include text-hide();\n }\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n @include make-text-mask(url('../img/demo-mask.jpg'), rgba($black, 0.25));\n\n p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n @include clearfix();\n}\n%triangle {\n @include make-triangle-base();\n}\n.example-triangle-1 {\n @extend %triangle;\n @include make-triangle( 14px, $blue, 'left' );\n}\n.example-triangle-2 {\n @extend %triangle;\n @include make-triangle( 14px, $purple, 'down' );\n}\n.example-triangle-3 {\n @extend %triangle;\n @include make-triangle( 14px, $red, 'right' );\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n @include border-radius();\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic {\n .demo-wrapper,\n .demo-content,\n .demo-aside,\n .demo-article {\n background: rgba($blue, 0.1);\n\n p {\n margin: 0;\n padding: 1rem;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n }\n }\n\n .demo-aside,\n .demo-article {\n p {\n margin: 0.75rem 0;\n background: rgba($black, 0.05);\n @include border-radius();\n }\n }\n\n .demo-wrapper {\n @include make-container();\n }\n .demo-content {\n @include make-row();\n }\n .demo-aside,\n .demo-article {\n @include make-column-base();\n }\n .demo-aside {\n width: column-width(4);\n }\n .demo-article {\n width: column-width(8);\n }\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n @include media-min('medium') {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n }\n.demo-grid-prefix-suffix {\n .row {\n background: rgba($blue, 0.1);\n }\n}\n\n/**\n * Nested Grid Demo\n */\n@include media-min('medium') {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba($blue, 0.1);\n}\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n @include text-truncate();\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n @include clearfix();\n}\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba($black, 0.1);\n\n &:first-child {\n border-left: 0 none;\n @include border-radius-left();\n }\n &:last-child {\n @include border-radius-right();\n }\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n\n > p {\n @include clearfix();\n margin-left: -0.5rem;\n }\n\n .button,\n .button-custom,\n .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n }\n}\n.demo-buttons-mobile {\n > p {\n margin-left: 0;\n }\n\n .button,\n .button-custom-mobile {\n margin-left: 0;\n }\n}\n\n.button-custom {\n @include make-button();\n @include add-button-color((\n 'color' : $white,\n 'background' : $purple\n ));\n}\n.button-custom-mobile {\n @include make-button();\n @include add-button-color();\n @include add-button-block();\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.notice.custom {\n @include add-notice-color((\n 'background' : $teal-50,\n 'inverted' : (\n 'background' : $teal\n )\n ));\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n @include make-breadcrumb((\n 'color' : $green,\n 'color-hover' : $red,\n 'delimiter' : 'ยป'\n ));\n}\n.breadcrumb.custom-wrapped {\n @include add-breadcrumb-wrapped((\n 'background' : $amber-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : 50px,\n 'padding' : 1em 2em\n ));\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n @include clearfix();\n padding: 2em 3em 2em;\n overflow: visible;\n\n > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n }\n}\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n\n > .dropdown,\n > .dropdown-content,\n > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n }\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: $color;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n\n .oc-wrap {\n height: 100%;\n }\n .oc-content {}\n .oc-inner {\n padding: 1.5em;\n }\n .oc-aside {\n position: absolute;\n padding: 1em 2em;\n\n .button.close {\n margin: 0 -1rem;\n }\n }\n\n form {\n margin: 0;\n }\n .input[readonly] {\n font-family: $font-family-mono;\n color: $red;\n opacity: 1;\n background: rgba($white, 0.5);\n\n &:focus {\n background: $white;\n }\n }\n .oc-trigger {\n white-space: normal;\n }\n}\n\n@include media-min('medium') {\n .demo-off-canvas {\n padding: 1.5em;\n\n .oc-inner {\n padding: 3em;\n }\n }\n}\n\n.oc-custom {\n @include make-off-canvas((\n 'aside-position' : absolute,\n 'background-aside' : $blue-gray,\n 'background-content' : $brown-100\n ));\n .oc-aside {\n color: $white;\n }\n}\n\n@include add-off-canvas-transition($target: 'oc-aside-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'oc-aside-right', $style: 'scale-rotate-right');\n\n// All transition effects\n@include add-off-canvas-transition($target: 'slide-in-left', $style: 'slide-in-left');\n@include add-off-canvas-transition($target: 'slide-in-right', $style: 'slide-in-right');\n\n@include add-off-canvas-transition($target: 'reveal-left', $style: 'reveal-left');\n@include add-off-canvas-transition($target: 'reveal-right', $style: 'reveal-right');\n\n@include add-off-canvas-transition($target: 'slide-along-left', $style: 'slide-along-left');\n@include add-off-canvas-transition($target: 'slide-along-right', $style: 'slide-along-right');\n\n@include add-off-canvas-transition($target: 'slide-out-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'slide-out-right', $style: 'slide-out-right');\n\n@include add-off-canvas-transition($target: 'scale-down-left', $style: 'scale-down-left');\n@include add-off-canvas-transition($target: 'scale-down-right', $style: 'scale-down-right');\n\n@include add-off-canvas-transition($target: 'scale-up-left', $style: 'scale-up-left');\n@include add-off-canvas-transition($target: 'scale-up-right', $style: 'scale-up-right');\n\n@include add-off-canvas-transition($target: 'scale-rotate-left', $style: 'scale-rotate-left');\n@include add-off-canvas-transition($target: 'scale-rotate-right', $style: 'scale-rotate-right');\n\n@include add-off-canvas-transition($target: 'open-door-left', $style: 'open-door-left');\n@include add-off-canvas-transition($target: 'open-door-right', $style: 'open-door-right');\n","// Set file variable\n$filename: 'scss/docs/_swatches.scss';\n\n/*==============================================================================\n @Swatches - #{$filename}\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba($black, 0.1);\n @include size(44px);\n @include border-radius();\n}\n\n// Typography\n.bg-color { background: $color; }\n.bg-color-light { background: $color-light; }\n.bg-color-dark { background: $color-dark; }\n.bg-color-heading { background: $color-heading; }\n.bg-color-link { background: $color-link; }\n.bg-color-link-hover { background: $color-link-hover; }\n.bg-color-link-heading { background: $color-link-heading; }\n.bg-color-link-heading-hover { background: $color-link-heading-hover; }\n\n// Global\n.bg-bg-color { background: $bg-color; }\n.bg-bg-selection { background: $bg-selection; }\n.bg-border-color { background: $border-color; }\n.bg-border-color-hover { background: $border-color-hover; }\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n\n .swatch {\n position: absolute;\n top: 0;\n left: 0;\n }\n .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: $font-family-mono;\n }\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n\n ul {\n margin: 0.5em 0 0;\n list-style: none;\n }\n ul li {\n margin: 0;\n }\n}\n\n@include media-min('medium') {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: $white;\n\n &.text-dark {\n color: $color;\n }\n\n .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba($white, 0.25);\n text-transform: capitalize;\n }\n &.text-dark .name {\n border-color: rgba($black, 0.1);\n }\n\n .var,\n .hex {\n font-family: $font-family-mono;\n }\n .hex {\n float: right;\n }\n}\n","// Set file variable\n$filename: 'scss/docs/_highlight.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\nfigure {\n margin: 1em 0;\n}\n\n.highlight {\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; } // Error\n .k { font-weight: bold } // Keyword\n .o { font-weight: bold } // Operator\n .cm { color: #998; font-style: italic } // Comment.Multiline\n .cp { color: #999; font-weight: bold } // Comment.Preproc\n .c1 { color: #998; font-style: italic } // Comment.Single\n .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n .gd { color: #000; } // Generic.Deleted\n .gd .x { color: #000; } // Generic.Deleted.Specific\n .ge { font-style: italic } // Generic.Emph\n .gr { color: #a00 } // Generic.Error\n .gh { color: #999 } // Generic.Heading\n .gi { color: #000; } // Generic.Inserted\n .gi .x { color: #000; } // Generic.Inserted.Specific\n .go { color: #888 } // Generic.Output\n .gp { color: #555 } // Generic.Prompt\n .gs { font-weight: bold } // Generic.Strong\n .gu { color: #aaa } // Generic.Subheading\n .gt { color: #a00 } // Generic.Traceback\n .kc { font-weight: bold } // Keyword.Constant\n .kd { font-weight: bold } // Keyword.Declaration\n .kp { font-weight: bold } // Keyword.Pseudo\n .kr { font-weight: bold } // Keyword.Reserved\n .kt { color: #458; font-weight: bold } // Keyword.Type\n .m { color: #099 } // Literal.Number\n .s { color: #d14 } // Literal.String\n .na { color: #008080 } // Name.Attribute\n .nb { color: #0086B3 } // Name.Builtin\n .nc { color: #458; font-weight: bold } // Name.Class\n .no { color: #008080 } // Name.Constant\n .ni { color: #800080 } // Name.Entity\n .ne { color: #900; font-weight: bold } // Name.Exception\n .nf { color: #900; font-weight: bold } // Name.Function\n .nn { color: #555 } // Name.Namespace\n .nt { color: #000080 } // Name.Tag\n .nv { color: #008080 } // Name.Variable\n .ow { font-weight: bold } // Operator.Word\n .w { color: #bbb } // Text.Whitespace\n .mf { color: #099 } // Literal.Number.Float\n .mh { color: #099 } // Literal.Number.Hex\n .mi { color: #099 } // Literal.Number.Integer\n .mo { color: #099 } // Literal.Number.Oct\n .sb { color: #d14 } // Literal.String.Backtick\n .sc { color: #d14 } // Literal.String.Char\n .sd { color: #d14 } // Literal.String.Doc\n .s2 { color: #d14 } // Literal.String.Double\n .se { color: #d14 } // Literal.String.Escape\n .sh { color: #d14 } // Literal.String.Heredoc\n .si { color: #d14 } // Literal.String.Interpol\n .sx { color: #d14 } // Literal.String.Other\n .sr { color: #009926 } // Literal.String.Regex\n .s1 { color: #d14 } // Literal.String.Single\n .ss { color: #990073 } // Literal.String.Symbol\n .bp { color: #999 } // Name.Builtin.Pseudo\n .vc { color: #008080 } // Name.Variable.Class\n .vg { color: #008080 } // Name.Variable.Global\n .vi { color: #008080 } // Name.Variable.Instance\n .il { color: #099 } // Literal.Number.Integer.Long\n}\n"]}
\ No newline at end of file
diff --git a/docs/dist/css/styles.min.css b/docs/dist/css/styles.min.css
index 43ed5068..b7f7eb9a 100644
--- a/docs/dist/css/styles.min.css
+++ b/docs/dist/css/styles.min.css
@@ -2,7 +2,7 @@
/*!
* BaseWeb
* A fresh front-end development framework
- * @version 2.3.6
+ * @version 2.4.0
*
* @author Sebastian Nitu
* @url https://github.com/sebnitu/BaseWeb
diff --git a/docs/dist/css/styles.min.css.map b/docs/dist/css/styles.min.css.map
index 81d5509b..35844c33 100644
--- a/docs/dist/css/styles.min.css.map
+++ b/docs/dist/css/styles.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/scss/blocks/_breadcrumbs.scss","styles.scss","../../../src/scss/elements/_base.scss","../../../src/scss/core/_mixins.scss","../../../src/scss/settings/_global.scss","../../../src/scss/settings/_palette.scss","../../../src/scss/elements/_typography.scss","custom/_overrides.scss","../../../src/scss/settings/_typography.scss","../../../src/scss/core/_media.scss","styles.css","../../../src/scss/core/_functions.scss","../../../src/scss/elements/_lists.scss","../../../src/scss/elements/_blockquotes.scss","../../../src/scss/elements/_code.scss","../../../src/scss/elements/_tables.scss","../../../src/scss/elements/_images.scss","../../../src/scss/elements/_rules.scss","../../../src/scss/elements/_forms.scss","../../../src/scss/elements/_buttons.scss","../../../src/scss/elements/_videos.scss","../../../src/scss/blocks/_button-groups.scss","../../../src/scss/blocks/_notices.scss","../../../src/scss/blocks/_dropdowns.scss","../../../src/scss/blocks/_tabs.scss","../../../src/scss/blocks/_off-canvas.scss","../../../src/scss/core/_grid.scss","../../../src/scss/settings/_grid.scss","custom/_custom.scss","custom/_demos.scss","custom/_swatches.scss","custom/_highlight.scss"],"names":[],"mappings":"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bA,qBAAqB,AhBuJrB,2EgB5M0E,AhB4M1E,mEgB5M0E,AAkG1E,ad6NgB,Cc7PhB,AASC,4BALC,0Cd0QQ,AFvHV,gCgBhN8B,AhBgN9B,wBgBhN8B,AhB+N9B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAyEpC,AAED,2CARE,gBAAgB,AAEhB,4BdyQQ,CcnQV,AAQC,eAPC,cdiPc,Ac/Od,0CdgQQ,AFpIV,2EgB5M0E,AhB4M1E,mEgB5M0E,AhByN1E,8BgBxM2B,AhBwM3B,sBgBxM2B,AhBuN3B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAmFpC,AA4BD,4BAEI,cd4MY,AcnMV,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,eAEI,cduLY,Ac9KV,yBAAyH,AAO7H,4BdwLQ,CcvLT,AA+DH,iBAtHE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBdoNc,AcjNhB,2BAuHkC,AAtHlC,oCdkOU,CclGT,AA9HD,8CAEI,Wd8NM,AcnNJ,yBAAmF,AAKvF,gCd8MQ,Cc7MT,AAED,wBAEI,WdyMM,Ac9LJ,yBAA2H,AAK/H,gCdyLQ,CcxLT,AAmGH,oFA1JE,cd6NgB,Ac5NhB,iBA9GoB,AAsHlB,yBAmJsB,AAhJxB,2BApH8B,AAqH9B,gCdiOU,Cc/EX,AAhJC,4MAEI,cd4MY,AcnMV,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,yGAEI,cduLY,Ac9KV,yBAAyH,AAO7H,4BdwLQ,CcvLT,AAyGH,gPAhKE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBd7Bc,AcgChB,2BApH8B,AAqH9B,gCdiOU,CcxEX,AAvJC,4kBAEI,Wd8NM,AcrNJ,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,+SAEI,WdyMM,AchMJ,yBAAyH,AAO7H,4BdwLQ,CcvLT,AAgHH,kKAvKE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBdmDe,AchDjB,2BApH8B,AAqH9B,gCdiOU,CcjEX,AA9JC,4YAEI,Wd8NM,AcrNJ,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,4MAEI,WdyMM,AchMJ,yBAAyH,AAO7H,4BdwLQ,CcvLT,AAuHH,qKA9KE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBduJgB,AcpJl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,AACd,WxBgWQ,AwB/VR,mBxB4Fc,AF4BhB,iBC5GiB,CyBVhB,ApBFC,yBoBMF,MACE,eAAe,AACf,kBAAkB,AAClB,gCxBqVQ,AFtOV,iBC5GiB,CyBDhB,CnBo7HF,AmB96HD,2BACE,YAAa,CAKd,AAND,gC1BqDE,kBAAkB,AAClB,QAFkC,AAqGlC,mCAlGwC,AAkGxC,0BAlGwC,C0BlDvC,AAMH,oBACE,qBAAqB,AACrB,mBxB8DgB,AFjChB,W0B5BkB,A1B6BlB,W0B7BkB,CACnB,AACD,qB1BuFE,iB0BtF0B,CAC3B,AACD,yB1BwFE,2B0BvF8B,CAC/B,AACD,uD1BoFE,0B0BtF8B,CAI/B,AACD,+B1BwFE,2B0BvFoC,CACrC,AACD,4B1BwFE,8B0BvFiC,CAClC,AACD,6D1BsFE,6B0BxFiC,CAIlC,AACD,kC1ByFE,8B0BxFuC,CACxC,AACD,0B1B0FE,6B0BzF+B,CAChC,AACD,wD1BsFE,0B0BxF+B,CAIhC,AACD,iC1B0FE,6B0BzFsC,CACvC,AACD,2B1B2FE,8B0B1FgC,CACjC,AACD,0D1BuFE,2B0BzFgC,CAIjC,AACD,kC1B2FE,8B0B1FuC,CACxC,AAKD,+B1B8FE,oC0B5FuC,A1B4FvC,2B0B5FuC,CACtC,AAMH,uB1BqFE,gCAkB+B,AAlB/B,uBAkB+B,C0BpG9B,AAMH,2BAEI,yBxBJc,AFiHhB,mCC5L2B,AD4L3B,0BC5L2B,CyBqF1B,AARH,iCAMM,wBxB5GW,CwB6GZ,A1B2KH,qB0BnKA,GAAO,wBxBrHQ,CKwjId,AmBl8HD,IAAM,wBxBlBU,CKu9Hf,AmBp8HD,GAAO,wBxBvHQ,CK8jId,CACF,APpyHC,a0BtKA,GAAO,wBxBrHQ,CKokId,AmB98HD,IAAM,wBxBlBU,CKm+Hf,AmBh9HD,GAAO,wBxBvHQ,CK0kId,CACF,AmBl9HD,0B1BiLE,kD0B/K0D,A1B+K1D,yC0B/K0D,CACzD,AAMH,gCAEI,WAAW,A1BuPb,uEAA4C,AAA5C,+DAA4C,C0BrP3C,AAMH,gCAGI,WAAW,AACX,aAAa,A1BqPf,iEAA4C,AAA5C,wDAA4C,C0BnP3C,AAMH,8B1BrFE,Y0BuFqB,A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qB,AAiErB,oBA/DuB,AAgEvB,cd2QgB,AczQhB,kBAAkB,AAClB,mBAAmB,AACnB,mBAAmB,AAEnB,gBAAgB,AAChB,mCdqRU,AFtOV,kBC5GiB,AD2NjB,iCgBxN6B,AhBwN7B,yBgBxN6B,AhBuO7B,0CgBtOqC,AhBsOrC,kCgBtOqC,AAgGrC,Wd+OU,Ac9OV,iBA9GoB,AAsHlB,yBdzFgB,Ac4FlB,2BApH8B,AAqH9B,gCdiOU,CwB2BX,AVzSC,yDAbA,qBAAqB,AhBuJrB,2EgB5M0E,AhB4M1E,kEgB5M0E,CAkE1E,AASC,0CARC,cd4Pc,Ac1Pd,gBAAgB,AAChB,0Cd0QQ,AczQR,6BdyQQ,AFvHV,gCgBhN8B,AhBgN9B,wBgBhN8B,AhB+N9B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAyEpC,AAED,sBACE,cdiPc,AchPd,gBAAgB,AAChB,0CdgQQ,Ac/PR,6Bd+PQ,AFpIV,2EgB5M0E,AhB4M1E,mEgB5M0E,AhByN1E,8BgBxM2B,AhBwM3B,sBgBxM2B,AhBuN3B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAmFpC,AA4BD,0CAEI,Wd8NM,AcrNJ,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,sBAEI,WdyMM,AchMJ,yBAAyH,AAO7H,4BdwLQ,CcvLT,AUmNH,sBVlUE,eAAe,AACf,qBAAqB,AACrB,aAAa,AACb,SAAS,AACT,oBApEwB,AAsExB,oBAlEuB,AAmEvB,cAlEiB,AAmEjB,kBAhEqB,AAiErB,oBA/DuB,AAkEvB,kBAAkB,AAClB,mBAAmB,AACnB,mBAAmB,AAEnB,gBAAgB,AAChB,mCdqRU,AFtOV,kBC5GiB,AD2NjB,iCgBxN6B,AhBwN7B,yBgBxN6B,AhBuO7B,0CgBtOqC,AhBsOrC,kCgBtOqC,AAiGrC,iBA9GoB,AAsHlB,sBdsOQ,AcnOV,2BApH8B,AAqH9B,iCdiOU,AcvIV,cAAc,AACd,UAAW,CUsKZ,AV9SC,8EAbA,qBAAqB,AhBuJrB,2EgB5M0E,AhB4M1E,mEgB5M0E,AAkG1E,ad6NgB,Cc7PhB,AASC,wDANC,gBAAgB,AAChB,0Cd0QQ,AczQR,6BdyQQ,AFvHV,gCgBhN8B,AhBgN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","file":"styles.min.css","sourcesContent":["// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n@import \"custom/demos\";\n@import \"custom/swatches\";\n@import \"custom/highlight\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Override Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$base-font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n$base-font-size: 14px;\n$font-weight-heading: normal;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Override Map\n////////////////////////////////////////////////////////////////////////////////\n\n// This is where we define all global, element and component map overrides\n$override: (\n 'grid': (\n 'container-max-width': 80em\n ),\n 'off-canvas': (\n 'class-aside-id': 'oc-aside-right',\n 'transition': 'slide-in-right',\n 'background-content': $blue-gray-50\n )\n);\n\n////////////////////////////////////////////////////////////////////////////////\n// @Settings Overrides\n////////////////////////////////////////////////////////////////////////////////\n\n// There are three maps that get defined before this override file is loaded\n// To override them we need to extend them here\n// ---\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'grid') == true) {\n $grid: map-extend($grid, map-get($override, 'grid'), true);\n }\n @if (map-has-key($override, 'mini-grid') == true) {\n $mini-grid: map-extend($mini-grid, map-get($override, 'mini-grid'), true);\n }\n @if (map-has-key($override, 'breakpoints') == true) {\n $breakpoints: map-extend($breakpoints, map-get($override, 'breakpoints'), true);\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","@charset \"UTF-8\";\n/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.3.6\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 14px;\n /* [1] */\n}\n\nbody {\n font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 14px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: normal;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.571em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li, .list-docs > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li, .list-docs > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child, .list-docs > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table-docs td, .table.rowed th, .table-docs th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table-docs thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th, .table-docs thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td, .table-docs tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th, .table-docs tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td, .table-docs tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th, .table-docs tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table-docs td, .table.expanded th, .table-docs th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr, .table-docs tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.571em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.857rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #ECEFF1;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Structure - scss/custom/_custom.scss\n==============================================================================*/\nbody {\n background: #ECEFF1;\n}\n\n.header {\n padding: 2em 0;\n}\n\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: #fff;\n}\n\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n\n.footer {\n padding: 2em 0;\n}\n\n@media (min-width: 760px) {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - scss/custom/_custom.scss\n==============================================================================*/\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n}\n\n.header .logo img {\n margin: 0;\n}\n\n.header .logo .version {\n margin-top: 8px;\n margin-left: 10px;\n color: #9E9E9E;\n}\n\n.header .logo:hover {\n text-decoration: none;\n}\n\n.header .logo:hover .version {\n color: #2196F3;\n}\n\n.home .header .logo .version {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .logo:hover .version {\n color: white;\n}\n\n/**\n * Navigation\n */\n.header .nav ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n\n.header .nav ul.menu-hori li {\n margin: 0 15px;\n}\n\n.header .nav ul.menu-hori li:first-child {\n margin-left: 0;\n}\n\n.header .nav ul.menu-hori li:last-child {\n margin-right: 0;\n}\n\n.header .nav ul.menu-hori li a:not(.button) {\n color: #212121;\n font-size: 1.071em;\n}\n\n.header .nav ul.menu-hori li a:not(.button):hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.header .nav ul.menu-hori li.active a:not(.button) {\n color: #9E9E9E;\n border: 0 none;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button) {\n color: #fff;\n font-size: 1.071em;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button):hover {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav ul.menu-hori li.active a:not(.button) {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav li > .button,\n.home .header .nav .dropdown-trigger > .button {\n background-clip: padding-box;\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n\n.oc-aside .nav ul.menu-vert {\n margin: 0;\n list-style: none;\n}\n\n.oc-aside .nav ul.menu-vert li {\n margin: 0 1em;\n}\n\n.oc-aside .nav ul.menu-vert li + li {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.oc-aside .nav ul.menu-vert li a {\n display: block;\n padding: 0.5em 1em;\n}\n\n.oc-aside .nav ul.menu-vert li a:hover {\n text-decoration: none;\n}\n\n.oc-aside .nav .button {\n display: block;\n margin: 1em 1.5em;\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n}\n\n.icon.icon-more .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: #212121;\n border-radius: 50%;\n}\n\n.icon.icon-more .dot:last-child {\n margin-bottom: 1px;\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n\n@media (min-width: 930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n\n@media (min-width: 480px) {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Home\n */\n.hero {\n position: relative;\n background: #2196F3;\n background-image: linear-gradient(to right, #880E4F, #311B92);\n}\n\n.hero {\n position: relative;\n}\n\n.hero:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n}\n\n.hero:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: #fff;\n z-index: -2;\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n}\n\n.hero-content .container {\n padding-top: 2em;\n padding-bottom: 2em;\n}\n\n.hero-content h1 {\n font-size: 1.286em;\n line-height: 1.5em;\n font-weight: 300;\n color: #fff;\n}\n\n@media (min-width: 480px) {\n .hero-content {\n margin-bottom: 5em;\n }\n .hero-content .container {\n padding: 5em 5em 6em;\n }\n .hero-content h1 {\n font-size: 1.429em;\n }\n}\n\n@media (min-width: 760px) {\n .hero-content {\n margin-bottom: 10em;\n }\n .hero-content .container {\n padding: 10em 10em 12em;\n }\n .hero-content h1 {\n font-size: 1.714em;\n }\n}\n\n@media (min-width: 1400px) {\n .hero-content {\n margin-bottom: 15em;\n }\n}\n\n/**\n * Main\n */\n.main .flex,\n.main .feature {\n margin-bottom: 4em;\n}\n\n.main .flex:last-child,\n.main .feature:last-child {\n margin-bottom: 0;\n}\n\n.home .row {\n margin-bottom: 4em;\n}\n\n.home hr {\n margin: 8em 0;\n}\n\n.home .main img,\n.home .main svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n}\n\n@media (min-width: 760px) {\n .main .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n }\n .main .flex > * {\n width: 50%;\n margin-right: 6em;\n }\n .main .flex > *:last-child {\n margin-right: 0;\n }\n .main .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .main .feature > * {\n width: 50%;\n }\n .main .feature .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .main .feature .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n .main .feature.reverse {\n flex-direction: row-reverse;\n }\n .main .feature.reverse .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .main .feature.reverse .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n .home .main img {\n width: auto;\n margin: 0 auto;\n }\n}\n\n/*==============================================================================\n @Widget Wrap - scss/custom/_custom.scss\n==============================================================================*/\n.widget-wrap {\n margin: 2em 0;\n}\n\n.widget-wrap .widget {\n margin: 1em 0;\n}\n\n.widget-wrap .widget .button {\n display: block;\n}\n\n@media (min-width: 480px) {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n }\n .widget-wrap .widget {\n flex: 1 1 25%;\n }\n .widget-wrap .widget + .widget {\n margin-left: 2em;\n }\n .widget-wrap .widget .button {\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Widgets - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n border-radius: 3px;\n}\n\n.widget:first-child {\n padding-top: 1rem;\n}\n\n.widget:last-child {\n padding-bottom: 1rem;\n}\n\n.widget .widget + .widget {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.widget.card {\n padding: 1em 2em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n.widget h2 {\n margin: 1rem 0;\n font-size: 1.143em;\n font-weight: 600;\n}\n\n.widget h2 a {\n color: #212121;\n}\n\n.widget h2 a:hover {\n color: #2196F3;\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n}\n\n.widget-menu ul {\n list-style: none;\n margin: 1em 0;\n}\n\n.widget-menu ul ul {\n margin: 0 0 0 1em;\n}\n\n.widget-menu ul li {\n margin: 1px 0;\n}\n\n.widget-menu ul li a {\n display: block;\n padding: 0.5em 1em;\n color: #9E9E9E;\n border: 0 none;\n border-radius: 3px;\n}\n\n.widget-menu ul li a:hover {\n background: #F5F5F5;\n color: #212121;\n text-decoration: none;\n}\n\n.widget-menu .active > a {\n color: #2196F3;\n}\n\n.widget-menu .active > a:hover {\n color: #2196F3;\n}\n\n.widget-menu ul ul {\n display: none;\n}\n\n.widget-menu .active > ul {\n display: block;\n}\n\n/**\n * Widget Contents\n */\n.widget-contents .active > a {\n color: #9E9E9E;\n border: 0 none;\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n\n@media (min-width: 760px) {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n}\n\n.widget-back:first-child, .widget-back:last-child {\n padding: 0;\n}\n\n@media (min-width: 760px) {\n .widget-back {\n margin: 0;\n text-align: left;\n }\n .widget-back:first-child, .widget-back:last-child {\n padding: 1em 0;\n }\n}\n\n/*==============================================================================\n @Main - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Tables\n */\n@media screen and (max-width: 759px) {\n .table-docs tr, .table-docs th, .table-docs td {\n display: block;\n }\n .table-docs tr {\n padding: 0.5em 0.75em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th,\n .table-docs tr td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th:last-child,\n .table-docs tr td:last-child {\n border-bottom: 0 none;\n }\n .table-docs tbody:first-child tr:first-child th,\n .table-docs tbody:first-child tr:first-child td {\n border-top: 0 none;\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n margin: 1.5rem 0;\n}\n\n.list-docs h3 {\n font-size: 1.286em;\n color: #9E9E9E;\n font-weight: 300;\n}\n\n.list-docs.numbered {\n counter-reset: list-counter;\n}\n\n.list-docs.numbered li {\n position: relative;\n padding-left: 3em;\n}\n\n.list-docs.numbered li:before {\n content: counter(list-counter);\n counter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: #9E9E9E;\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@media (min-width: 760px) {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n}\n\n.article-listing li {\n margin: 2rem 0;\n}\n\n.article-listing li:first-child {\n margin-top: 0;\n}\n\n.article-listing h1 {\n font-size: 2em;\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n}\n\n.article header {\n text-align: center;\n}\n\n.article header:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba(0, 0, 0, 0.1);\n}\n\n.article .date,\n.article .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: #9E9E9E;\n}\n\n.article .date a,\n.article .meta a {\n color: #9E9E9E;\n}\n\n.article .date a:hover,\n.article .meta a:hover {\n color: #1976D2;\n}\n\n.article .content {\n font-size: 1.143em;\n line-height: 1.5em;\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n}\n\n.page-nav .button {\n display: block;\n margin: 0.5em 0;\n}\n\n@media (min-width: 480px) {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .page-nav .button {\n width: 50%;\n margin-right: 1em;\n }\n .page-nav .button:last-child {\n margin-right: 0;\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n\n@media (min-width: 760px) {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n background-image: linear-gradient(45deg, #880E4F, #311B92);\n border-radius: 3px;\n color: #fff;\n text-align: center;\n}\n\n.block-action h3 {\n color: #fff;\n}\n\n.block-action .button-group-wrapper {\n display: block;\n}\n\n.block-action .button-group-wrapper .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n}\n\n@media (min-width: 760px) {\n .block-action .button-group-wrapper {\n display: inline-block;\n }\n .block-action .button-group-wrapper .button {\n width: auto;\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Footer - scss/custom/_custom.scss\n==============================================================================*/\n.footer {\n color: #9E9E9E;\n text-align: center;\n}\n\n.footer .logo {\n border: 0 none;\n}\n\n.footer img {\n display: inline-block;\n opacity: 0.4;\n}\n\n.footer a {\n color: #9E9E9E;\n}\n\n.footer a:hover {\n color: #1976D2;\n}\n\n@media (min-width: 760px) {\n .footer {\n text-align: left;\n }\n .footer .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n .footer img {\n margin: 0;\n }\n}\n\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @Demo - scss/custom/_demos.scss\n==============================================================================*/\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo .box {\n width: 50px;\n height: 50px;\n margin: 0 auto;\n color: #fff;\n background: #2196F3;\n border-radius: 3px;\n}\n\n@media (min-width: 760px) {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n}\n\n.demo.demo-vertical-center .box {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: #2196F3;\n width: 30px;\n height: 30px;\n}\n\n.mixin-border-radius {\n border-radius: 50%;\n}\n\n.mixin-border-radius-top {\n border-top-left-radius: 50%;\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-top-left {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-top-right {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-bottom {\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-left {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-right {\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-left {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-left-top {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-left-bottom {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-right {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-right-top {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-right-bottom {\n border-bottom-right-radius: 50%;\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew .box {\n transform: skew(30deg, 10deg);\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate .box {\n transform: rotate(45deg);\n}\n\n/**\n * Transition\n */\n.demo.demo-transition .box {\n background-color: #2196F3;\n transition: all 0.25s linear;\n}\n\n.demo.demo-transition .box:hover {\n background-color: #F44336;\n}\n\n/**\n * Animation\n */\n@-webkit-keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n@keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n.demo.demo-animation .box {\n animation: example 10s linear 1s infinite normal;\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient .box {\n width: 100%;\n background-image: linear-gradient(to right, #4CAF50, #2196F3, #9C27B0);\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient .box {\n width: 100%;\n height: 100px;\n background-image: radial-gradient(circle, #9C27B0, #673AB7);\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate .box {\n width: 150px;\n height: auto;\n padding: 1em 1.5em;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n width: 187px;\n height: 40px;\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n color: rgba(0, 0, 0, 0.25);\n background-clip: text;\n background-image: url(\"../img/demo-mask.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n}\n\n.demo.demo-text-mask p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n}\n\n.demo.demo-triangle:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.example-triangle-1, .example-triangle-2, .example-triangle-3 {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n.example-triangle-1 {\n border-color: transparent;\n border-width: 14px 14px 14px 0;\n border-right-color: #2196F3;\n}\n\n.example-triangle-2 {\n border-color: transparent;\n border-width: 14px 14px 0 14px;\n border-top-color: #9C27B0;\n}\n\n.example-triangle-3 {\n border-color: transparent;\n border-width: 14px 0 14px 14px;\n border-left-color: #F44336;\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-radius: 3px;\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic .demo-wrapper,\n.demo-grid-semantic .demo-content,\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-semantic .demo-wrapper p,\n.demo-grid-semantic .demo-content p,\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0;\n padding: 1rem;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n}\n\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0.75rem 0;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 3px;\n}\n\n.demo-grid-semantic .demo-wrapper {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n}\n\n.demo-grid-semantic .demo-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-content {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n}\n\n.demo-grid-semantic .demo-content:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.demo-grid-semantic .demo-aside.col-left,\n.demo-grid-semantic .demo-article.col-left {\n float: left;\n}\n\n.demo-grid-semantic .demo-aside.col-right,\n.demo-grid-semantic .demo-article.col-right {\n float: right;\n}\n\n.demo-grid-semantic .demo-aside {\n width: 33.333%;\n}\n\n.demo-grid-semantic .demo-article {\n width: 66.667%;\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-prefix-suffix .row {\n background: rgba(33, 150, 243, 0.1);\n}\n\n/**\n * Nested Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n}\n\n.demo-mini-grid .mini-grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo-mini-grid .mini-grid > *:first-child {\n border-left: 0 none;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.demo-mini-grid .mini-grid > *:last-child {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n}\n\n.demo-buttons > p {\n margin-left: -0.5rem;\n}\n\n.demo-buttons > p:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-buttons .button,\n.demo-buttons .button-custom,\n.demo-buttons .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n}\n\n.demo-buttons-mobile > p {\n margin-left: 0;\n}\n\n.demo-buttons-mobile .button,\n.demo-buttons-mobile .button-custom-mobile {\n margin-left: 0;\n}\n\n.button-custom {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #fff;\n text-shadow: none;\n background-color: #9C27B0;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #fff;\n background-color: #89229b;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom:active {\n color: #fff;\n background-color: #771e86;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n display: block;\n width: 100%;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n background-color: #f2f2f2;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background-color: #e6e6e6;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n\n.notice.custom {\n background: #E0F2F1;\n}\n\n.notice.custom.inverted {\n background: #009688;\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.custom-breadcrumb ul,\n.custom-breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.custom-breadcrumb ul:after,\n.custom-breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.custom-breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.custom-breadcrumb li a {\n color: #4CAF50;\n border: 0 none;\n}\n\n.custom-breadcrumb li a:hover {\n color: #F44336;\n}\n\n.custom-breadcrumb .current {\n color: #9E9E9E;\n}\n\n.custom-breadcrumb li:after {\n content: \"ยป\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.custom-breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.custom-wrapped {\n padding: 1em 2em;\n background: #FFF8E1;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 50px;\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n padding: 2em 3em 2em;\n overflow: visible;\n}\n\n.demo-dropdown:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-dropdown > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n}\n\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n}\n\n.demo-dropdown-styles > .dropdown,\n.demo-dropdown-styles > .dropdown-content,\n.demo-dropdown-styles > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: #212121;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n}\n\n.demo-off-canvas .oc-wrap {\n height: 100%;\n}\n\n.demo-off-canvas .oc-inner {\n padding: 1.5em;\n}\n\n.demo-off-canvas .oc-aside {\n position: absolute;\n padding: 1em 2em;\n}\n\n.demo-off-canvas .oc-aside .button.close {\n margin: 0 -1rem;\n}\n\n.demo-off-canvas form {\n margin: 0;\n}\n\n.demo-off-canvas .input[readonly] {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n color: #F44336;\n opacity: 1;\n background: rgba(255, 255, 255, 0.5);\n}\n\n.demo-off-canvas .input[readonly]:focus {\n background: #fff;\n}\n\n.demo-off-canvas .oc-trigger {\n white-space: normal;\n}\n\n@media (min-width: 760px) {\n .demo-off-canvas {\n padding: 1.5em;\n }\n .demo-off-canvas .oc-inner {\n padding: 3em;\n }\n}\n\n.oc-custom .oc-content,\n.oc-custom .oc-inner,\n.oc-custom .oc-aside {\n height: 100%;\n}\n\n.oc-custom .oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-custom .oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #D7CCC8;\n}\n\n.oc-custom .oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-custom .oc-aside {\n position: absolute;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #607D8B;\n}\n\n.oc-custom .oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-aside {\n color: #fff;\n}\n\n.oc-aside-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-wrap {\n perspective: 1500px;\n}\n\n.oc-aside-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.oc-aside-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n.oc-aside-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.oc-aside-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.slide-in-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.slide-in-left.oc-active .slide-in-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-left.oc-aside:after {\n display: none;\n}\n\n.slide-in-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.slide-in-right.oc-active .slide-in-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-right.oc-aside:after {\n display: none;\n}\n\n.reveal-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.reveal-left.oc-aside {\n left: 0;\n z-index: 1;\n}\n\n.reveal-left.oc-active .reveal-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-left.oc-aside:after {\n display: none;\n}\n\n.reveal-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.reveal-right.oc-aside {\n right: 0;\n z-index: 1;\n}\n\n.reveal-right.oc-active .reveal-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-right.oc-aside:after {\n display: none;\n}\n\n.slide-along-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-along-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-along-left.oc-active .slide-along-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-left.oc-aside:after {\n display: none;\n}\n\n.slide-along-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-along-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-along-right.oc-active .slide-along-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-right.oc-aside:after {\n display: none;\n}\n\n.slide-out-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-out-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-out-left.oc-active .slide-out-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-out-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-out-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-out-right.oc-active .slide-out-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-left.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-down-left.oc-active .scale-down-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-aside:after {\n display: none;\n}\n\n.scale-down-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-down-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-right.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-down-right.oc-active .scale-down-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-right.oc-aside:after {\n display: none;\n}\n\n.scale-down-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-left.oc-wrap {\n perspective: 1500px;\n perspective-origin: 0% 50%;\n}\n\n.scale-up-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.scale-up-left.oc-aside {\n left: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-left.oc-active .scale-up-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-right.oc-wrap {\n perspective: 1500px;\n perspective-origin: 100% 50%;\n}\n\n.scale-up-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.scale-up-right.oc-aside {\n right: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-right.oc-active .scale-up-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-left.oc-active .oc-content {\n transform: translate3d(100px, 0, -600px) rotateY(-20deg);\n}\n\n.scale-rotate-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-rotate-left.oc-active .scale-rotate-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-left.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.scale-rotate-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-rotate-right.oc-active .scale-rotate-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-right.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-left.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-left .oc-content {\n transform-origin: 100% 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-left.oc-active .oc-content {\n transform: rotateY(-10deg);\n}\n\n.open-door-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.open-door-left.oc-active .open-door-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-left.oc-aside:after {\n display: none;\n}\n\n.open-door-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-right.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-right .oc-content {\n transform-origin: 0 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-right.oc-active .oc-content {\n transform: rotateY(10deg);\n}\n\n.open-door-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.open-door-right.oc-active .open-door-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-right.oc-aside:after {\n display: none;\n}\n\n.open-door-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n/*==============================================================================\n @Swatches - scss/docs/_swatches.scss\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba(0, 0, 0, 0.1);\n width: 44px;\n height: 44px;\n border-radius: 3px;\n}\n\n.bg-color {\n background: #212121;\n}\n\n.bg-color-light {\n background: #9E9E9E;\n}\n\n.bg-color-dark {\n background: #212121;\n}\n\n.bg-color-heading {\n background: #212121;\n}\n\n.bg-color-link {\n background: #2196F3;\n}\n\n.bg-color-link-hover {\n background: #1976D2;\n}\n\n.bg-color-link-heading {\n background: #2196F3;\n}\n\n.bg-color-link-heading-hover {\n background: #E64A19;\n}\n\n.bg-bg-color {\n background: #F5F5F5;\n}\n\n.bg-bg-selection {\n background: rgba(76, 175, 80, 0.25);\n}\n\n.bg-border-color {\n background: rgba(0, 0, 0, 0.1);\n}\n\n.bg-border-color-hover {\n background: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n}\n\n.swatch-wrap .swatch {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.swatch-wrap .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n}\n\n.swatch-card ul {\n margin: 0.5em 0 0;\n list-style: none;\n}\n\n.swatch-card ul li {\n margin: 0;\n}\n\n@media (min-width: 760px) {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: #fff;\n}\n\n.swatch-card .swatch.text-dark {\n color: #212121;\n}\n\n.swatch-card .swatch .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n text-transform: capitalize;\n}\n\n.swatch-card .swatch.text-dark .name {\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.swatch-card .swatch .var,\n.swatch-card .swatch .hex {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n.swatch-card .swatch .hex {\n float: right;\n}\n\n/*==============================================================================\n @Code - scss/docs/_highlight.scss\n==============================================================================*/\nfigure {\n margin: 1em 0;\n}\n\n.highlight .c {\n color: #998;\n font-style: italic;\n}\n\n.highlight .err {\n color: #a61717;\n}\n\n.highlight .k {\n font-weight: bold;\n}\n\n.highlight .o {\n font-weight: bold;\n}\n\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cp {\n color: #999;\n font-weight: bold;\n}\n\n.highlight .c1 {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cs {\n color: #999;\n font-weight: bold;\n font-style: italic;\n}\n\n.highlight .gd {\n color: #000;\n}\n\n.highlight .gd .x {\n color: #000;\n}\n\n.highlight .ge {\n font-style: italic;\n}\n\n.highlight .gr {\n color: #a00;\n}\n\n.highlight .gh {\n color: #999;\n}\n\n.highlight .gi {\n color: #000;\n}\n\n.highlight .gi .x {\n color: #000;\n}\n\n.highlight .go {\n color: #888;\n}\n\n.highlight .gp {\n color: #555;\n}\n\n.highlight .gs {\n font-weight: bold;\n}\n\n.highlight .gu {\n color: #aaa;\n}\n\n.highlight .gt {\n color: #a00;\n}\n\n.highlight .kc {\n font-weight: bold;\n}\n\n.highlight .kd {\n font-weight: bold;\n}\n\n.highlight .kp {\n font-weight: bold;\n}\n\n.highlight .kr {\n font-weight: bold;\n}\n\n.highlight .kt {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .m {\n color: #099;\n}\n\n.highlight .s {\n color: #d14;\n}\n\n.highlight .na {\n color: #008080;\n}\n\n.highlight .nb {\n color: #0086B3;\n}\n\n.highlight .nc {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .no {\n color: #008080;\n}\n\n.highlight .ni {\n color: #800080;\n}\n\n.highlight .ne {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nf {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nn {\n color: #555;\n}\n\n.highlight .nt {\n color: #000080;\n}\n\n.highlight .nv {\n color: #008080;\n}\n\n.highlight .ow {\n font-weight: bold;\n}\n\n.highlight .w {\n color: #bbb;\n}\n\n.highlight .mf {\n color: #099;\n}\n\n.highlight .mh {\n color: #099;\n}\n\n.highlight .mi {\n color: #099;\n}\n\n.highlight .mo {\n color: #099;\n}\n\n.highlight .sb {\n color: #d14;\n}\n\n.highlight .sc {\n color: #d14;\n}\n\n.highlight .sd {\n color: #d14;\n}\n\n.highlight .s2 {\n color: #d14;\n}\n\n.highlight .se {\n color: #d14;\n}\n\n.highlight .sh {\n color: #d14;\n}\n\n.highlight .si {\n color: #d14;\n}\n\n.highlight .sx {\n color: #d14;\n}\n\n.highlight .sr {\n color: #009926;\n}\n\n.highlight .s1 {\n color: #d14;\n}\n\n.highlight .ss {\n color: #990073;\n}\n\n.highlight .bp {\n color: #999;\n}\n\n.highlight .vc {\n color: #008080;\n}\n\n.highlight .vg {\n color: #008080;\n}\n\n.highlight .vi {\n color: #008080;\n}\n\n.highlight .il {\n color: #099;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n","// Set file variable\n$filename: 'scss/custom/_custom.scss';\n\n/*==============================================================================\n @Grid System - #{$filename}\n==============================================================================*/\n\n@include build-grid-system('mobile');\n\n@include media-min('medium') {\n @include build-grid-system();\n}\n\n/*==============================================================================\n @Mini Grid System - #{$filename}\n==============================================================================*/\n\n@include build-mini-grid-system();\n\n/*==============================================================================\n @Structure - #{$filename}\n==============================================================================*/\n\nbody {\n background: $blue-gray-50;\n}\n\n.header {\n padding: 2em 0;\n}\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: $white;\n}\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n.footer {\n padding: 2em 0;\n}\n\n@include media-min('medium') {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - #{$filename}\n==============================================================================*/\n\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n\n img {\n margin: 0;\n }\n .version {\n margin-top: 8px;\n margin-left: 10px;\n color: $color-light;\n }\n &:hover {\n text-decoration: none;\n .version {\n color: $color-link;\n }\n }\n}\n\n.home .header .logo {\n .version {\n color: rgba($white, 0.5);\n }\n &:hover {\n .version {\n color: rgba($white, 1);\n }\n }\n}\n\n/**\n * Navigation\n */\n.header .nav {\n ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n }\n ul.menu-hori li {\n margin: 0 15px;\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n a:not(.button) {\n color: $color;\n font-size: px-to-em(15px);\n\n &:hover {\n color: $color-link;\n text-decoration: none;\n }\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: $color-light;\n border: 0 none;\n }\n}\n\n.home .header .nav {\n ul.menu-hori li a:not(.button) {\n color: $white;\n font-size: px-to-em(15px);\n\n &:hover {\n color: rgba($white, 0.5);\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: rgba($white, 0.5);\n }\n li > .button,\n .dropdown-trigger > .button {\n background-clip: padding-box;\n }\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n.oc-aside .nav {\n ul.menu-vert {\n margin: 0;\n list-style: none;\n\n li {\n margin: 0 1em;\n }\n li + li {\n border-top: 1px solid rgba($black, 0.1);\n }\n li a {\n display: block;\n padding: 0.5em 1em;\n }\n li a:hover {\n text-decoration: none;\n }\n }\n .button {\n display: block;\n margin: 1em 1.5em;\n }\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n\n .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: $color;\n @include border-radius(50%);\n\n &:last-child {\n margin-bottom: 1px;\n }\n }\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n@include media-min(930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n@include media-min('small') {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - #{$filename}\n==============================================================================*/\n\n/**\n * Home\n */\n.hero {\n position: relative;\n background: $blue;\n @include linear-gradient(to right, $pink-900, $deep-purple-900);\n}\n\n.hero {\n // -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n // clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n}\n.hero {\n position: relative;\n\n &:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n }\n &:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: $white;\n z-index: -2;\n }\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n\n .container {\n padding-top: 2em;\n padding-bottom: 2em;\n }\n h1 {\n font-size: px-to-em(18px);\n line-height: 1.5em;\n @include font-weight('light');\n color: $white;\n }\n}\n\n@include media-min('small') {\n .hero-content {\n margin-bottom: 5em;\n\n .container {\n padding: 5em 5em 6em;\n }\n h1 {\n font-size: px-to-em(20px);\n }\n }\n}\n\n@include media-min('medium') {\n\n .hero-content {\n margin-bottom: 10em;\n\n .container {\n padding: 10em 10em 12em;\n }\n h1 {\n font-size: px-to-em(24px);\n }\n }\n\n}\n\n@include media-min(1400px) {\n\n .hero-content {\n margin-bottom: 15em;\n }\n\n}\n\n/**\n * Main\n */\n.main {\n .flex,\n .feature {\n margin-bottom: 4em;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n.home {\n .row {\n margin-bottom: 4em;\n }\n hr {\n margin: 8em 0;\n }\n}\n.home .main {\n img,\n svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n }\n}\n@include media-min('medium') {\n\n .main {\n .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n\n\n > * {\n width: 50%;\n margin-right: 6em;\n }\n > *:last-child {\n margin-right: 0;\n }\n }\n\n .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > * {\n width: 50%;\n }\n .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n\n &.reverse {\n flex-direction: row-reverse;\n\n .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n }\n }\n }\n\n .home .main {\n img {\n width: auto;\n margin: 0 auto;\n }\n }\n\n}\n\n/*==============================================================================\n @Widget Wrap - #{$filename}\n==============================================================================*/\n\n.widget-wrap {\n margin: 2em 0;\n\n .widget {\n margin: 1em 0;\n }\n .widget .button {\n display: block;\n }\n}\n\n@include media-min('small') {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n\n .widget {\n flex: 1 1 25%;\n }\n .widget + .widget {\n margin-left: 2em;\n }\n .widget .button {\n display: inline-block;\n }\n }\n}\n\n/*==============================================================================\n @Widgets - #{$filename}\n==============================================================================*/\n\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n @include border-radius();\n\n &:first-child {\n padding-top: 1rem;\n }\n &:last-child {\n padding-bottom: 1rem;\n }\n .widget + .widget {\n border-top: 1px solid rgba($black, 0.1);\n }\n\n &.card {\n padding: 1em 2em;\n border: 1px solid $border-color;\n @include border-radius();\n }\n}\n.widget h2 {\n margin: 1rem 0;\n font-size: px-to-em(16px);\n @include font-weight('semi-bold');\n\n a {\n color: $color;\n }\n a:hover {\n color: $color-link;\n }\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n\n ul {\n list-style: none;\n margin: 1em 0;\n }\n ul ul {\n margin: 0 0 0 1em;\n }\n ul li {\n margin: 1px 0;\n }\n ul li a {\n display: block;\n padding: 0.5em 1em;\n color: $color-light;\n border: 0 none;\n @include border-radius();\n\n &:hover {\n background: $bg-color;\n color: $color;\n text-decoration: none;\n }\n }\n\n // Active Item\n .active > a {\n color: $color-link;\n\n &:hover {\n color: $color-link;\n }\n }\n\n // Display Styles\n ul ul {\n display: none;\n }\n .active > ul {\n display: block;\n }\n}\n\n/**\n * Widget Contents\n */\n.widget-contents {\n .active > a {\n color: $color-light;\n border: 0 none;\n }\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n@include media-min('medium') {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n\n &:first-child,\n &:last-child {\n padding: 0;\n }\n}\n@include media-min('medium') {\n .widget-back {\n margin: 0;\n text-align: left;\n\n &:first-child,\n &:last-child {\n padding: 1em 0;\n }\n }\n}\n\n/*==============================================================================\n @Main - #{$filename}\n==============================================================================*/\n\n/**\n * Tables\n */\n.table-docs {\n @extend .table.rowed;\n @extend .table.expanded;\n @extend .table.valign-middle;\n}\n@media screen and (max-width: 759px) {\n .table-docs {\n tr, th, td {\n display: block;\n }\n\n tr {\n padding: map-get($tables, 'padding');\n border-bottom: map-get($tables, 'border');\n\n &:first-child {\n border-top: map-get($tables, 'border');\n }\n }\n\n tr {\n th,\n td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba($black, 0.1);\n }\n }\n tr {\n th:last-child,\n td:last-child {\n border-bottom: 0 none;\n }\n }\n\n tbody:first-child tr:first-child {\n th,\n td {\n border-top: 0 none;\n }\n }\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n @extend .list.rowed;\n @extend .list.flush;\n margin: 1.5rem 0;\n\n h3 {\n font-size: px-to-em(18px);\n color: $color-light;\n @include font-weight('light');\n }\n}\n.list-docs.numbered {\n counter-reset: list-counter;\n\n li {\n position: relative;\n padding-left: 3em;\n\n &:before {\n content: counter(list-counter);\n \tcounter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: $color-light;\n }\n }\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@include media-min('medium') {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n\n li {\n margin: 2rem 0;\n\n &:first-child {\n margin-top: 0;\n }\n }\n h1 {\n font-size: 2em;\n }\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n\n header {\n text-align: center;\n\n &:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba($black, 0.1);\n }\n }\n .date,\n .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: $color-light;\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n }\n .content {\n font-size: px-to-em(16em);\n line-height: 1.5em;\n }\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n\n .button {\n display: block;\n margin: 0.5em 0;\n }\n}\n\n@include media-min('small') {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .button {\n width: 50%;\n margin-right: 1em;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n@include media-min('medium') {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - #{$filename}\n==============================================================================*/\n\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n // border: 1px solid rgba($black, 0.1);\n // background: $deep-purple-700;\n @include linear-gradient(45deg, $pink-900, $deep-purple-900);\n @include border-radius();\n color: $white;\n text-align: center;\n\n h3 {\n color: $white;\n }\n .button-group-wrapper {\n display: block;\n .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n }\n }\n}\n\n@include media-min('medium') {\n .block-action {\n .button-group-wrapper {\n display: inline-block;\n .button {\n width: auto;\n display: inline-block;\n }\n }\n }\n}\n\n/*==============================================================================\n @Footer - #{$filename}\n==============================================================================*/\n\n.footer {\n color: $color-light;\n text-align: center;\n\n .logo {\n border: 0 none;\n }\n img {\n display: inline-block;\n opacity: 0.4;\n }\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@include media-min('medium') {\n .footer {\n text-align: left;\n\n .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n img {\n margin: 0;\n }\n }\n}\n\n/*==============================================================================\n @End - #{$filename}\n==============================================================================*/\n","// Set file variable\n$filename: 'scss/custom/_demos.scss';\n\n/*==============================================================================\n @Demo - #{$filename}\n==============================================================================*/\n\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba($black, 0.1);\n border-bottom: 1px solid rgba($black, 0.1);\n\n .box {\n @include size(50px);\n margin: 0 auto;\n color: $white;\n background: $blue;\n @include border-radius();\n }\n}\n\n@include media-min('medium') {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba($black, 0.1);\n @include border-radius();\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n\n .box {\n @include vertical-center();\n }\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: $blue;\n @include size(30px);\n}\n.mixin-border-radius {\n @include border-radius(50%);\n}\n.mixin-border-radius-top {\n @include border-radius-top(50%);\n}\n.mixin-border-radius-top-left {\n @include border-radius-top-left(50%);\n}\n.mixin-border-radius-top-right {\n @include border-radius-top-right(50%);\n}\n.mixin-border-radius-bottom {\n @include border-radius-bottom(50%);\n}\n.mixin-border-radius-bottom-left {\n @include border-radius-bottom-left(50%);\n}\n.mixin-border-radius-bottom-right {\n @include border-radius-bottom-right(50%);\n}\n.mixin-border-radius-left {\n @include border-radius-left(50%);\n}\n.mixin-border-radius-left-top {\n @include border-radius-left-top(50%);\n}\n.mixin-border-radius-left-bottom {\n @include border-radius-left-bottom(50%);\n}\n.mixin-border-radius-right {\n @include border-radius-right(50%);\n}\n.mixin-border-radius-right-top {\n @include border-radius-right-top(50%);\n}\n.mixin-border-radius-right-bottom {\n @include border-radius-right-bottom(50%);\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew {\n .box {\n @include transform(skew(30deg, 10deg));\n }\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate {\n .box {\n @include rotate(45deg);\n }\n}\n\n/**\n * Transition\n */\n.demo.demo-transition {\n .box {\n background-color: $blue;\n @include transition();\n\n &:hover {\n background-color: $red;\n }\n }\n}\n\n/**\n * Animation\n */\n@include keyframes('example') {\n 0% { background-color: $red; }\n 50% { background-color: $blue; }\n 100% { background-color: $red; }\n}\n.demo.demo-animation {\n .box {\n @include animation(example 10s linear 1s infinite normal);\n }\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient {\n .box {\n width: 100%;\n @include linear-gradient(to right, $green, $blue, $purple);\n }\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient {\n .box {\n // @include size(100px);\n width: 100%;\n height: 100px;\n @include radial-gradient(circle, $purple, $deep-purple);\n }\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate {\n .box {\n @include size(150px, auto);\n padding: 1em 1.5em;\n @include text-truncate();\n }\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image {\n .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n @include size(187px, 40px);\n @include text-hide();\n }\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n @include make-text-mask(url('../img/demo-mask.jpg'), rgba($black, 0.25));\n\n p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n @include clearfix();\n}\n%triangle {\n @include make-triangle-base();\n}\n.example-triangle-1 {\n @extend %triangle;\n @include make-triangle( 14px, $blue, 'left' );\n}\n.example-triangle-2 {\n @extend %triangle;\n @include make-triangle( 14px, $purple, 'down' );\n}\n.example-triangle-3 {\n @extend %triangle;\n @include make-triangle( 14px, $red, 'right' );\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n @include border-radius();\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic {\n .demo-wrapper,\n .demo-content,\n .demo-aside,\n .demo-article {\n background: rgba($blue, 0.1);\n\n p {\n margin: 0;\n padding: 1rem;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n }\n }\n\n .demo-aside,\n .demo-article {\n p {\n margin: 0.75rem 0;\n background: rgba($black, 0.05);\n @include border-radius();\n }\n }\n\n .demo-wrapper {\n @include make-container();\n }\n .demo-content {\n @include make-row();\n }\n .demo-aside,\n .demo-article {\n @include make-column-base();\n }\n .demo-aside {\n width: column-width(4);\n }\n .demo-article {\n width: column-width(8);\n }\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n @include media-min('medium') {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n }\n.demo-grid-prefix-suffix {\n .row {\n background: rgba($blue, 0.1);\n }\n}\n\n/**\n * Nested Grid Demo\n */\n@include media-min('medium') {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba($blue, 0.1);\n}\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n @include text-truncate();\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n @include clearfix();\n}\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba($black, 0.1);\n\n &:first-child {\n border-left: 0 none;\n @include border-radius-left();\n }\n &:last-child {\n @include border-radius-right();\n }\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n\n > p {\n @include clearfix();\n margin-left: -0.5rem;\n }\n\n .button,\n .button-custom,\n .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n }\n}\n.demo-buttons-mobile {\n > p {\n margin-left: 0;\n }\n\n .button,\n .button-custom-mobile {\n margin-left: 0;\n }\n}\n\n.button-custom {\n @include make-button();\n @include add-button-color((\n 'color' : $white,\n 'background' : $purple\n ));\n}\n.button-custom-mobile {\n @include make-button();\n @include add-button-color();\n @include add-button-block();\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.notice.custom {\n @include add-notice-color((\n 'background' : $teal-50,\n 'inverted' : (\n 'background' : $teal\n )\n ));\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n @include make-breadcrumb((\n 'color' : $green,\n 'color-hover' : $red,\n 'delimiter' : 'ยป'\n ));\n}\n.breadcrumb.custom-wrapped {\n @include add-breadcrumb-wrapped((\n 'background' : $amber-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : 50px,\n 'padding' : 1em 2em\n ));\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n @include clearfix();\n padding: 2em 3em 2em;\n overflow: visible;\n\n > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n }\n}\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n\n > .dropdown,\n > .dropdown-content,\n > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n }\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: $color;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n\n .oc-wrap {\n height: 100%;\n }\n .oc-content {}\n .oc-inner {\n padding: 1.5em;\n }\n .oc-aside {\n position: absolute;\n padding: 1em 2em;\n\n .button.close {\n margin: 0 -1rem;\n }\n }\n\n form {\n margin: 0;\n }\n .input[readonly] {\n font-family: $font-family-mono;\n color: $red;\n opacity: 1;\n background: rgba($white, 0.5);\n\n &:focus {\n background: $white;\n }\n }\n .oc-trigger {\n white-space: normal;\n }\n}\n\n@include media-min('medium') {\n .demo-off-canvas {\n padding: 1.5em;\n\n .oc-inner {\n padding: 3em;\n }\n }\n}\n\n.oc-custom {\n @include make-off-canvas((\n 'aside-position' : absolute,\n 'background-aside' : $blue-gray,\n 'background-content' : $brown-100\n ));\n .oc-aside {\n color: $white;\n }\n}\n\n@include add-off-canvas-transition($target: 'oc-aside-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'oc-aside-right', $style: 'scale-rotate-right');\n\n// All transition effects\n@include add-off-canvas-transition($target: 'slide-in-left', $style: 'slide-in-left');\n@include add-off-canvas-transition($target: 'slide-in-right', $style: 'slide-in-right');\n\n@include add-off-canvas-transition($target: 'reveal-left', $style: 'reveal-left');\n@include add-off-canvas-transition($target: 'reveal-right', $style: 'reveal-right');\n\n@include add-off-canvas-transition($target: 'slide-along-left', $style: 'slide-along-left');\n@include add-off-canvas-transition($target: 'slide-along-right', $style: 'slide-along-right');\n\n@include add-off-canvas-transition($target: 'slide-out-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'slide-out-right', $style: 'slide-out-right');\n\n@include add-off-canvas-transition($target: 'scale-down-left', $style: 'scale-down-left');\n@include add-off-canvas-transition($target: 'scale-down-right', $style: 'scale-down-right');\n\n@include add-off-canvas-transition($target: 'scale-up-left', $style: 'scale-up-left');\n@include add-off-canvas-transition($target: 'scale-up-right', $style: 'scale-up-right');\n\n@include add-off-canvas-transition($target: 'scale-rotate-left', $style: 'scale-rotate-left');\n@include add-off-canvas-transition($target: 'scale-rotate-right', $style: 'scale-rotate-right');\n\n@include add-off-canvas-transition($target: 'open-door-left', $style: 'open-door-left');\n@include add-off-canvas-transition($target: 'open-door-right', $style: 'open-door-right');\n","// Set file variable\n$filename: 'scss/docs/_swatches.scss';\n\n/*==============================================================================\n @Swatches - #{$filename}\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba($black, 0.1);\n @include size(44px);\n @include border-radius();\n}\n\n// Typography\n.bg-color { background: $color; }\n.bg-color-light { background: $color-light; }\n.bg-color-dark { background: $color-dark; }\n.bg-color-heading { background: $color-heading; }\n.bg-color-link { background: $color-link; }\n.bg-color-link-hover { background: $color-link-hover; }\n.bg-color-link-heading { background: $color-link-heading; }\n.bg-color-link-heading-hover { background: $color-link-heading-hover; }\n\n// Global\n.bg-bg-color { background: $bg-color; }\n.bg-bg-selection { background: $bg-selection; }\n.bg-border-color { background: $border-color; }\n.bg-border-color-hover { background: $border-color-hover; }\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n\n .swatch {\n position: absolute;\n top: 0;\n left: 0;\n }\n .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: $font-family-mono;\n }\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n\n ul {\n margin: 0.5em 0 0;\n list-style: none;\n }\n ul li {\n margin: 0;\n }\n}\n\n@include media-min('medium') {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: $white;\n\n &.text-dark {\n color: $color;\n }\n\n .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba($white, 0.25);\n text-transform: capitalize;\n }\n &.text-dark .name {\n border-color: rgba($black, 0.1);\n }\n\n .var,\n .hex {\n font-family: $font-family-mono;\n }\n .hex {\n float: right;\n }\n}\n","// Set file variable\n$filename: 'scss/docs/_highlight.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\nfigure {\n margin: 1em 0;\n}\n\n.highlight {\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; } // Error\n .k { font-weight: bold } // Keyword\n .o { font-weight: bold } // Operator\n .cm { color: #998; font-style: italic } // Comment.Multiline\n .cp { color: #999; font-weight: bold } // Comment.Preproc\n .c1 { color: #998; font-style: italic } // Comment.Single\n .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n .gd { color: #000; } // Generic.Deleted\n .gd .x { color: #000; } // Generic.Deleted.Specific\n .ge { font-style: italic } // Generic.Emph\n .gr { color: #a00 } // Generic.Error\n .gh { color: #999 } // Generic.Heading\n .gi { color: #000; } // Generic.Inserted\n .gi .x { color: #000; } // Generic.Inserted.Specific\n .go { color: #888 } // Generic.Output\n .gp { color: #555 } // Generic.Prompt\n .gs { font-weight: bold } // Generic.Strong\n .gu { color: #aaa } // Generic.Subheading\n .gt { color: #a00 } // Generic.Traceback\n .kc { font-weight: bold } // Keyword.Constant\n .kd { font-weight: bold } // Keyword.Declaration\n .kp { font-weight: bold } // Keyword.Pseudo\n .kr { font-weight: bold } // Keyword.Reserved\n .kt { color: #458; font-weight: bold } // Keyword.Type\n .m { color: #099 } // Literal.Number\n .s { color: #d14 } // Literal.String\n .na { color: #008080 } // Name.Attribute\n .nb { color: #0086B3 } // Name.Builtin\n .nc { color: #458; font-weight: bold } // Name.Class\n .no { color: #008080 } // Name.Constant\n .ni { color: #800080 } // Name.Entity\n .ne { color: #900; font-weight: bold } // Name.Exception\n .nf { color: #900; font-weight: bold } // Name.Function\n .nn { color: #555 } // Name.Namespace\n .nt { color: #000080 } // Name.Tag\n .nv { color: #008080 } // Name.Variable\n .ow { font-weight: bold } // Operator.Word\n .w { color: #bbb } // Text.Whitespace\n .mf { color: #099 } // Literal.Number.Float\n .mh { color: #099 } // Literal.Number.Hex\n .mi { color: #099 } // Literal.Number.Integer\n .mo { color: #099 } // Literal.Number.Oct\n .sb { color: #d14 } // Literal.String.Backtick\n .sc { color: #d14 } // Literal.String.Char\n .sd { color: #d14 } // Literal.String.Doc\n .s2 { color: #d14 } // Literal.String.Double\n .se { color: #d14 } // Literal.String.Escape\n .sh { color: #d14 } // Literal.String.Heredoc\n .si { color: #d14 } // Literal.String.Interpol\n .sx { color: #d14 } // Literal.String.Other\n .sr { color: #009926 } // Literal.String.Regex\n .s1 { color: #d14 } // Literal.String.Single\n .ss { color: #990073 } // Literal.String.Symbol\n .bp { color: #999 } // Name.Builtin.Pseudo\n .vc { color: #008080 } // Name.Variable.Class\n .vg { color: #008080 } // Name.Variable.Global\n .vi { color: #008080 } // Name.Variable.Instance\n .il { color: #099 } // Literal.Number.Integer.Long\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../../src/scss/blocks/_breadcrumbs.scss","styles.scss","../../../src/scss/elements/_base.scss","../../../src/scss/core/_mixins.scss","../../../src/scss/settings/_global.scss","../../../src/scss/settings/_palette.scss","../../../src/scss/elements/_typography.scss","custom/_overrides.scss","../../../src/scss/settings/_typography.scss","../../../src/scss/core/_media.scss","styles.css","../../../src/scss/core/_functions.scss","../../../src/scss/elements/_lists.scss","../../../src/scss/elements/_blockquotes.scss","../../../src/scss/elements/_code.scss","../../../src/scss/elements/_tables.scss","../../../src/scss/elements/_images.scss","../../../src/scss/elements/_rules.scss","../../../src/scss/elements/_forms.scss","../../../src/scss/elements/_buttons.scss","../../../src/scss/elements/_videos.scss","../../../src/scss/blocks/_button-groups.scss","../../../src/scss/blocks/_notices.scss","../../../src/scss/blocks/_dropdowns.scss","../../../src/scss/blocks/_tabs.scss","../../../src/scss/blocks/_off-canvas.scss","../../../src/scss/core/_grid.scss","../../../src/scss/settings/_grid.scss","custom/_custom.scss","custom/_demos.scss","custom/_swatches.scss","custom/_highlight.scss"],"names":[],"mappings":"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bA,qBAAqB,AhBuJrB,2EgB5M0E,AhB4M1E,mEgB5M0E,AAkG1E,ad6NgB,Cc7PhB,AASC,4BALC,0Cd0QQ,AFvHV,gCgBhN8B,AhBgN9B,wBgBhN8B,AhB+N9B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAyEpC,AAED,2CARE,gBAAgB,AAEhB,4BdyQQ,CcnQV,AAQC,eAPC,cdiPc,Ac/Od,0CdgQQ,AFpIV,2EgB5M0E,AhB4M1E,mEgB5M0E,AhByN1E,8BgBxM2B,AhBwM3B,sBgBxM2B,AhBuN3B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAmFpC,AA4BD,4BAEI,cd4MY,AcnMV,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,eAEI,cduLY,Ac9KV,yBAAyH,AAO7H,4BdwLQ,CcvLT,AA+DH,iBAtHE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBdoNc,AcjNhB,2BAuHkC,AAtHlC,oCdkOU,CclGT,AA9HD,8CAEI,Wd8NM,AcnNJ,yBAAmF,AAKvF,gCd8MQ,Cc7MT,AAED,wBAEI,WdyMM,Ac9LJ,yBAA2H,AAK/H,gCdyLQ,CcxLT,AAmGH,oFA1JE,cd6NgB,Ac5NhB,iBA9GoB,AAsHlB,yBAmJsB,AAhJxB,2BApH8B,AAqH9B,gCdiOU,Cc/EX,AAhJC,4MAEI,cd4MY,AcnMV,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,yGAEI,cduLY,Ac9KV,yBAAyH,AAO7H,4BdwLQ,CcvLT,AAyGH,gPAhKE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBd7Bc,AcgChB,2BApH8B,AAqH9B,gCdiOU,CcxEX,AAvJC,4kBAEI,Wd8NM,AcrNJ,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,+SAEI,WdyMM,AchMJ,yBAAyH,AAO7H,4BdwLQ,CcvLT,AAgHH,kKAvKE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBdmDe,AchDjB,2BApH8B,AAqH9B,gCdiOU,CcjEX,AA9JC,4YAEI,Wd8NM,AcrNJ,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,4MAEI,WdyMM,AchMJ,yBAAyH,AAO7H,4BdwLQ,CcvLT,AAuHH,qKA9KE,Wd+OU,Ac9OV,sCd6OU,AcrOR,yBduJgB,AcpJl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,AACd,WxBgWQ,AwB/VR,mBxB4Fc,AF4BhB,iBC5GiB,CyBVhB,ApBFC,yBoBMF,MACE,eAAe,AACf,kBAAkB,AAClB,gCxBqVQ,AFtOV,iBC5GiB,CyBDhB,CnBo7HF,AmB96HD,2BACE,YAAa,CAKd,AAND,gC1BqDE,kBAAkB,AAClB,QAFkC,AAqGlC,mCAlGwC,AAkGxC,0BAlGwC,C0BlDvC,AAMH,oBACE,qBAAqB,AACrB,mBxB8DgB,AFjChB,W0B5BkB,A1B6BlB,W0B7BkB,CACnB,AACD,qB1BuFE,iB0BtF0B,CAC3B,AACD,yB1BwFE,2B0BvF8B,CAC/B,AACD,uD1BoFE,0B0BtF8B,CAI/B,AACD,+B1BwFE,2B0BvFoC,CACrC,AACD,4B1BwFE,8B0BvFiC,CAClC,AACD,6D1BsFE,6B0BxFiC,CAIlC,AACD,kC1ByFE,8B0BxFuC,CACxC,AACD,0B1B0FE,6B0BzF+B,CAChC,AACD,wD1BsFE,0B0BxF+B,CAIhC,AACD,iC1B0FE,6B0BzFsC,CACvC,AACD,2B1B2FE,8B0B1FgC,CACjC,AACD,0D1BuFE,2B0BzFgC,CAIjC,AACD,kC1B2FE,8B0B1FuC,CACxC,AAKD,+B1B8FE,oC0B5FuC,A1B4FvC,2B0B5FuC,CACtC,AAMH,uB1BqFE,gCAkB+B,AAlB/B,uBAkB+B,C0BpG9B,AAMH,2BAEI,yBxBJc,AFiHhB,mCC5L2B,AD4L3B,0BC5L2B,CyBqF1B,AARH,iCAMM,wBxB5GW,CwB6GZ,A1B2KH,qB0BnKA,GAAO,wBxBrHQ,CKwjId,AmBl8HD,IAAM,wBxBlBU,CKu9Hf,AmBp8HD,GAAO,wBxBvHQ,CK8jId,CACF,APpyHC,a0BtKA,GAAO,wBxBrHQ,CKokId,AmB98HD,IAAM,wBxBlBU,CKm+Hf,AmBh9HD,GAAO,wBxBvHQ,CK0kId,CACF,AmBl9HD,0B1BiLE,kD0B/K0D,A1B+K1D,yC0B/K0D,CACzD,AAMH,gCAEI,WAAW,A1BuPb,uEAA4C,AAA5C,+DAA4C,C0BrP3C,AAMH,gCAGI,WAAW,AACX,aAAa,A1BqPf,iEAA4C,AAA5C,wDAA4C,C0BnP3C,AAMH,8B1BrFE,Y0BuFqB,A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qB,AAiErB,oBA/DuB,AAgEvB,cd2QgB,AczQhB,kBAAkB,AAClB,mBAAmB,AACnB,mBAAmB,AAEnB,gBAAgB,AAChB,mCdqRU,AFtOV,kBC5GiB,AD2NjB,iCgBxN6B,AhBwN7B,yBgBxN6B,AhBuO7B,0CgBtOqC,AhBsOrC,kCgBtOqC,AAgGrC,Wd+OU,Ac9OV,iBA9GoB,AAsHlB,yBdzFgB,Ac4FlB,2BApH8B,AAqH9B,gCdiOU,CwB2BX,AVzSC,yDAbA,qBAAqB,AhBuJrB,2EgB5M0E,AhB4M1E,kEgB5M0E,CAkE1E,AASC,0CARC,cd4Pc,Ac1Pd,gBAAgB,AAChB,0Cd0QQ,AczQR,6BdyQQ,AFvHV,gCgBhN8B,AhBgN9B,wBgBhN8B,AhB+N9B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAyEpC,AAED,sBACE,cdiPc,AchPd,gBAAgB,AAChB,0CdgQQ,Ac/PR,6Bd+PQ,AFpIV,2EgB5M0E,AhB4M1E,mEgB5M0E,AhByN1E,8BgBxM2B,AhBwM3B,sBgBxM2B,AhBuN3B,0CgBtOqC,AhBsOrC,iCgBtOqC,CAmFpC,AA4BD,0CAEI,Wd8NM,AcrNJ,yBAAkF,AAOtF,4Bd6MQ,Cc5MT,AAED,sBAEI,WdyMM,AchMJ,yBAAyH,AAO7H,4BdwLQ,CcvLT,AUmNH,sBVlUE,eAAe,AACf,qBAAqB,AACrB,aAAa,AACb,SAAS,AACT,oBApEwB,AAsExB,oBAlEuB,AAmEvB,cAlEiB,AAmEjB,kBAhEqB,AAiErB,oBA/DuB,AAkEvB,kBAAkB,AAClB,mBAAmB,AACnB,mBAAmB,AAEnB,gBAAgB,AAChB,mCdqRU,AFtOV,kBC5GiB,AD2NjB,iCgBxN6B,AhBwN7B,yBgBxN6B,AhBuO7B,0CgBtOqC,AhBsOrC,kCgBtOqC,AAiGrC,iBA9GoB,AAsHlB,sBdsOQ,AcnOV,2BApH8B,AAqH9B,iCdiOU,AcvIV,cAAc,AACd,UAAW,CUsKZ,AV9SC,8EAbA,qBAAqB,AhBuJrB,2EgB5M0E,AhB4M1E,mEgB5M0E,AAkG1E,ad6NgB,Cc7PhB,AASC,wDANC,gBAAgB,AAChB,0Cd0QQ,AczQR,6BdyQQ,AFvHV,gCgBhN8B,AhBgN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","file":"styles.min.css","sourcesContent":["// Set file variable\n$filename: 'scss/blocks/_breadcrumb.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumbs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$breadcrumbs: (\n 'classes' : true,\n\n 'class-item' : 'item',\n 'class-active' : 'active',\n 'class-current' : 'current',\n\n 'margin' : 1em 0,\n 'padding' : 0.5em 1em,\n\n 'font-size' : 1em,\n\n 'color' : null,\n 'color-hover' : null,\n 'color-current' : $color-light,\n 'text-shadow' : null,\n\n 'background' : $blue-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n // Delimiter Styles\n 'delimiter' : '/', // Delimiter element content (e.g: '/', 'โ', 'โ', 'ยป').\n 'delimiter-padding' : 0 0.75em,\n 'delimiter-color' : $gray-400,\n 'delimiter-end' : false, // Whether or not to show delimiter on last item.\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'breadcrumbs') == true) {\n $breadcrumbs: map-extend($breadcrumbs, map-get($override, 'breadcrumbs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Breadcrumb Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Breadcrumb\n// Creates the basic breadcrumb styles.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin make-breadcrumb($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n display: block;\n margin: map-get($o, 'margin');\n font-size: map-get($o, 'font-size');\n\n // Remove default list styles\n ul,\n ol {\n margin: 0;\n list-style: none;\n @include clearfix();\n }\n\n // Float list items to the left to:\n // a) Get rid of the extra white spacing from inline items.\n // b) Wrap properly if items don't fit on one line.\n li {\n float: left;\n margin: 0;\n }\n\n // Remove link borders and add link color styles\n li a {\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n border: 0 none;\n\n &:hover {\n color: map-get($o, 'color-hover');\n }\n }\n\n // Current item styles\n .#{map-get($o, 'class-current')} {\n color: map-get($o, 'color-current');\n }\n\n // Delimiter styles\n li:after {\n content: map-get($o, 'delimiter');\n padding: map-get($o, 'delimiter-padding');\n color: map-get($o, 'delimiter-color');\n }\n\n // Remove last delimiter if `delimiter-end` is set to false\n @if (map-get($o, 'delimiter-end') == false) {\n li:last-child:after {\n content: none;\n }\n }\n}\n\n// Add Breadcrumb Wrapped\n// Applies custom styles to breadcrumb wrapper.\n// @param $options\n// @type map\n// @default $breadcrumbs map\n@mixin add-breadcrumb-wrapped($options: ()) {\n $o: map-merge($breadcrumbs, $options);\n\n // Add styles for the wrapper element.\n padding: map-get($o, 'padding');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n}\n\n// Check if we should output modifier classes\n@if (map-get($breadcrumbs, 'classes') == true) {\n\n/*==============================================================================\n @Breadcrumb - #{$filename}\n==============================================================================*/\n\n.breadcrumb {\n @include make-breadcrumb();\n}\n\n.breadcrumb.wrapped {\n @include add-breadcrumb-wrapped();\n}\n\n} // endif classes\n","/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n\n// Settings (Required)\n@import \"settings/palette\";\n@import \"settings/media\";\n@import \"settings/grid\";\n@import \"settings/typography\";\n@import \"settings/global\";\n\n// Core (Required)\n@import \"core/functions\";\n@import \"core/mixins\";\n@import \"core/media\";\n@import \"core/grid\";\n\n// Overrides\n@import \"custom/overrides\";\n\n// Elements\n@import \"elements/base\";\n@import \"elements/typography\";\n@import \"elements/lists\";\n@import \"elements/blockquotes\";\n@import \"elements/code\";\n@import \"elements/tables\";\n@import \"elements/images\";\n@import \"elements/rules\";\n@import \"elements/forms\";\n@import \"elements/buttons\";\n@import \"elements/icons\";\n@import \"elements/videos\";\n\n// Blocks\n@import \"blocks/button-groups\";\n@import \"blocks/notices\";\n@import \"blocks/breadcrumbs\";\n@import \"blocks/dropdowns\";\n@import \"blocks/tabs\";\n@import \"blocks/off-canvas\";\n\n// Custom\n@import \"custom/custom\";\n@import \"custom/demos\";\n@import \"custom/swatches\";\n@import \"custom/highlight\";\n","// Set file variable\n$filename: 'scss/elements/_base.scss';\n\n/*==============================================================================\n @Base Styles - #{$filename}\n==============================================================================*/\n\n// Remove margins and padding from HTML and Body elements and set height to 100%\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n// Prevents automatic text resizing on mobile devices.\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// Make HTML5 elements act like blocks\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\n// Reset table font-size\ntable {\n font-size: 1em;\n}\n\n// Set default box sizing model to our global variable $global-box-sizing.\n// Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/\n@if ($global-box-sizing) {\n *, *:before, *:after {\n @include box-sizing($global-box-sizing);\n }\n}\n\n// Add custom text highlight color if a color is set in $bg-selection.\n@if ($bg-selection) {\n ::-moz-selection {\n background: $bg-selection;\n text-shadow: none;\n }\n ::selection {\n background: $bg-selection;\n text-shadow: none;\n }\n}\n\n/*==============================================================================\n @Base Classes - #{$filename}\n==============================================================================*/\n\n// Outputs our cleafix class if one is set in $class-clearfix.\n@if ($class-clearfix) {\n .#{$class-clearfix} {\n @include clearfix();\n }\n}\n\n// Outputs our remove cleafix class if one is set in $class-remove-clearfix.\n@if ($class-remove-clearfix) {\n .#{$class-remove-clearfix} {\n @include remove-clearfix();\n }\n}\n\n// Outputs our float-left class if one is set in $class-float-left.\n@if ($class-float-left) {\n .#{$class-float-left} {\n float: left;\n }\n}\n\n// Outputs our float-right class if one is set in $class-float-right.\n@if ($class-float-right) {\n .#{$class-float-right} {\n float: right;\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Utility\n////////////////////////////////////////////////////////////////////////////////\n\n// Clearfix\n// Allows you to apply a clearfix to an element that contains floats.\n@mixin clearfix() {\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n// Remove Clearfix\n// Removes the clearfix styles from an element. This is typically used when a\n// clearfix is inherited on an element and you'd like it removed.\n@mixin remove-clearfix() {\n &:after {\n content: none;\n display: none;\n clear: none;\n }\n}\n\n// Float Modifiers\n// Adds the float modifier classes to an element.\n// @param $left\n// @type class name\n// @default $class-float-left\n// @param $right\n// @type class name\n// @default $class-float-right\n@mixin float-modifiers($left: $class-float-left, $right: $class-float-right) {\n @if ($left != none) {\n &.#{$left} {\n float: left;\n }\n }\n @if ($right != none) {\n &.#{$right} {\n float: right;\n }\n }\n}\n\n// Size\n// Shorthand for adding width and height dimensions to an element. If you only\n// pass in a width, the height will be set to equal the width and create a\n// square. If either the width or height are unit-less, it defaults to pixels.\n// @param $width\n// @type unit (number, pixel, percentage)\n// @param $height\n// @type unit (number, pixel, percentage, false)\n// @default false -> $width\n@mixin size(\n $width,\n $height : false\n ) {\n @if ($width != auto) {\n @if ($width != none) {\n @if unitless($width) {\n $width: 1px * $width;\n }\n }\n }\n @if ($height != auto) {\n @if ($height != none) {\n @if ($height != false) {\n @if unitless($height) {\n $height: 1px * $height;\n }\n } @else {\n $height: $width;\n }\n }\n }\n width: $width;\n height: $height;\n}\n\n// Vertical Center\n// Centers an element vertically within its parent. Parent element may need to\n// have transform-style set to `preserve-3d` to prevent half pixel bluring.\n// @param $percent\n// @type unit (percentage)\n// @default 50%\n@mixin vertical-center($percent: 50%) {\n position: relative;\n top: $percent;\n @include transform(translateY(-$percent));\n}\n\n\n// Scrollable\n// Makes touch devices use momentum-based scrolling for the given element.\n@mixin scrollable() {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n @include transition(\n top linear 0.2s,\n bottom linear 0.2s\n );\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @CSS3 Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Box Sizing\n// The box-sizing CSS property is used to alter the default CSS box model used\n// to calculate widths and heights of elements.\n// @param $box-sizing\n// @type box-sizing value (content-box, padding-box, border-box, inherit)\n// @default $box-sizing\n@mixin box-sizing( $box-sizing : $box-sizing ) {\n box-sizing: $box-sizing;\n}\n\n// Box Shadows\n// The box-shadow CSS property describes one or more shadow effects as a comma-\n// separated list.\n// @param $shadow\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n// @default $box-shadow\n@mixin box-shadow( $shadow... ) {\n @if length($shadow) == 0 {\n $shadow: $box-shadow;\n }\n box-shadow: $shadow;\n}\n\n// Border Radius\n// Define border radius using mixin shorthand and global defaults.\n// @param $radius\n// @type unit (pixel, percent)\n@mixin border-radius( $radius : $border-radius ) {\n border-radius: $radius;\n}\n@mixin border-radius-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-radius-top-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-top-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-left( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-bottom-right( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-left( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-left-top( $radius : $border-radius ) {\n border-top-left-radius: $radius;\n}\n@mixin border-radius-left-bottom( $radius : $border-radius ) {\n border-bottom-left-radius: $radius;\n}\n@mixin border-radius-right( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-radius-right-top( $radius : $border-radius ) {\n border-top-right-radius: $radius;\n}\n@mixin border-radius-right-bottom( $radius : $border-radius ) {\n border-bottom-right-radius: $radius;\n}\n\n// Transform\n// The CSS transform property lets you modify the coordinate space of the CSS\n// visual formatting model.\n// @param $function\n// @type transform-function ([matrix] [perspective] [rotate] [scale] [skew]\n// [translate])\n@mixin transform( $function... ) {\n transform: $function;\n}\n\n// Transform Style\n// The transform-style CSS property determines if the children of the element\n// are positioned in the 3D-space or are flattened in the plane of the element.\n// @param $style\n// @type transform style (flat, preserve-3d, inherit)\n@mixin transform-style( $style... ) {\n transform-style: $style;\n}\n\n// Rotate\n// Adds transform rotate styles using a degree and the transform mixin.\n// @dependency mixin transform()\n// @param $deg\n// @type unit (degree)\n@mixin rotate( $deg ) {\n @include transform(rotate($deg));\n}\n\n// Transition\n// The CSS transition property is a shorthand property for transition-property,\n// transition-duration, transition-timing-function, and transition-delay. It\n// allows to define the transition between two states of an element. Different\n// states may be defined using pseudo-classes like :hover or :active or\n// dynamically set using JavaScript.\n// @param $transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n// @default $transition\n@mixin transition( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition;\n }\n transition: $trans;\n}\n\n// Transitions Property\n// The transition-property CSS property is used to specify the names of CSS\n// properties to which a transition effect should be applied.\n// @param $trans\n// @type property name\n// @default $transition-property\n@mixin transition-property( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-property;\n }\n transition-property: $trans;\n}\n\n// Transitions Duration\n// The transition-duration CSS property specifies the number of seconds or\n// milliseconds a transition animation should take to complete.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-duration\n@mixin transition-duration( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-duration;\n }\n transition-duration: $trans;\n}\n\n// Transitions Timing Function\n// The CSS transition-timing-function property is used to describe how the\n// intermediate values of the CSS properties being affected by a transition\n// effect are calculated.\n// @param $trans\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out,\n// step-start, step-end)\n// @default $transition-timing-function\n@mixin transition-timing-function( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-timing-function;\n }\n transition-timing-function: $trans;\n}\n\n// Transitions Delay\n// The transition-delay CSS property specifies the amount of time to wait\n// between a change being requested to a property that is to be transitioned and\n// the start of the transition effect.\n// @param $trans\n// @type time value (seconds, milliseconds)\n// @default $transition-delay\n@mixin transition-delay( $trans... ) {\n @if length($trans) == 0 {\n $trans: $transition-delay;\n }\n transition-delay: $trans;\n}\n\n// Keyframes\n// The `@keyframes` CSS at-rule lets you control the intermediate steps in a CSS\n// animation sequence by establishing keyframes (or waypoints) along the\n// animation sequence that must be reached during the animation.\n// @param $name\n// @type animation name\n// @param @content (passed in brackets)\n// @type style block\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Animation\n// The animation CSS property is a shorthand property for animation-name,\n// animation-duration, animation-timing-function, animation-delay,\n// animation-iteration-count, animation-direction, animation-fill-mode\n// and animation-play-state.\n// @param $animation\n// @type animation value ([animation-name] [animation-duration]\n// [animation-timing-function] [animation-delay] [animation-iteration-count]\n// [animation-direction] [animation-fill-mode] [animation-play-state])\n@mixin animation( $animation... ) {\n animation: $animation;\n}\n\n// Animation Name\n// The animation-name CSS property specifies a list of animations that should be\n// applied to the selected element.\n// @param $name\n// @type animation name\n@mixin animation-name( $name... ) {\n animation-name: $name;\n}\n\n// Animation Duration\n// The animation-duration CSS property specifies the length of time that an\n// animation should take to complete one cycle.\n// @param $duration\n// @type time value (seconds, milliseconds)\n@mixin animation-duration( $duration... ) {\n animation-duration: $duration;\n}\n\n// Animation Timing Function\n// The CSS animation-timing-function property specifies how a CSS animation\n// should progress over the duration of each cycle.\n// @param $timing-function\n// @type timing function (linear, ease, ease-in, ease-out, ease-in-out)\n@mixin animation-timing-function( $timing-function... ) {\n animation-timing-function: $timing-function;\n}\n\n// Animation Delay\n// The animation-delay CSS property specifies when the animation should start.\n// This lets the animation sequence begin some time after it's applied to\n// an element.\n// @param $delay\n// @type time value (seconds, milliseconds)\n@mixin animation-delay( $delay... ) {\n animation-delay: $delay;\n}\n\n// Animation Iteration Count\n// The animation-iteration-count CSS property defines the number of times an\n// animation cycle should be played before stopping.\n// @param $iteration-count\n// @type unit (number, infinite)\n@mixin animation-iteration-count( $iteration-count... ) {\n animation-iteration-count: $iteration-count;\n}\n\n// Animation Direction\n// The animation-direction CSS property indicates whether the animation should\n// play in reverse on alternate cycles.\n// @param $direction\n// @type direction (normal, reverse, alternate, alternate-reverse)\n@mixin animation-direction( $direction... ) {\n animation-direction: $direction;\n}\n\n// Animation Fill Mode\n// The animation-fill-mode CSS property specifies how a CSS animation should\n// apply styles to its target before and after it is executing.\n// @param $fill-mode\n// @type fill mode (none, forwards, backwards, both, initial, inherit)\n@mixin animation-fill-mode( $fill-mode... ) {\n animation-fill-mode: $fill-mode;\n}\n\n// Animation Play State\n// The animation-play-state CSS property determines whether an animation is\n// running or paused.\n// @param $play-state\n// @type play state (running, paused)\n@mixin animation-play-state( $play-stay... ) {\n animation-play-state: $play-stay;\n}\n\n// Linear Gradient\n// Creates an image which represents a linear gradient of colors.\n// @param $gradient\n// @type gradient ([side-or-corner] [angle] [color-stop])\n@mixin linear-gradient( $gradient... ) {\n background-image: linear-gradient($gradient);\n}\n\n// Radial Gradients\n// Creates an image which represents a gradient of colors radiating from an\n// origin, the center of the gradient.\n// @param $gradient\n// @type gradient ([position] [shape] [size] [color-stop] [color-stop]\n// [extent-keyword])\n@mixin radial-gradient( $gradient... ) {\n background-image: radial-gradient($gradient);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Weight\n// Output the font weight using the weight key to output the number weight.\n// @param $weight\n// @type font-weight keyword (hairline, thin, light, regular, medium,\n// semi-bold, bold, extra-bold, black)\n@mixin font-weight($weight) {\n @if ($weight == 'hairline') {\n font-weight: 100;\n } @else if ($weight == 'thin') {\n font-weight: 200;\n } @else if ($weight == 'light') {\n font-weight: 300;\n } @else if ($weight == 'regular') {\n font-weight: 400;\n } @else if ($weight == 'medium') {\n font-weight: 500;\n } @else if ($weight == 'semi-bold') {\n font-weight: 600;\n } @else if ($weight == 'bold') {\n font-weight: 700;\n } @else if ($weight == 'extra-bold') {\n font-weight: 800;\n } @else if ($weight == 'black') {\n font-weight: 900;\n } @else {\n font-weight: $weight;\n }\n}\n\n// Truncate Text\n// Truncates text with an ellipsis. Element this is applied to must be block\n// or inline-block.\n// @param $display\n// @type display property (block, inline-block)\n// @default block\n@mixin text-truncate( $display : block ) {\n @if ($display == inline-block or $display == block) {\n display: $display;\n }\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @UI Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n// Reverse Index\n// Sets the index of a set of elements to stack in reverse order.\n// @param $items\n// @type number\n// @desc The number of elements in the set.\n@mixin reverse-index($items) {\n $index: $items;\n $count: 1;\n\n @while $index > 0 {\n &:nth-child(#{$count}) {\n z-index: $count;\n }\n $index: $index - 1;\n $count: $count + 1;\n }\n}\n\n// Hide text\n// Hides text from an element. This is most commonly used as an image\n// replacement technique for hiding text in an element to reveal a\n// background image.\n@mixin text-hide() {\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n// Make Text Mask\n// Lets you easily create text masks using background-clip.\n// @param $bg-image\n// @type background-image property\n// @default null\n// @param $text-color\n// @type transparent color\n// @default transparent\n// @param @content\n// @type style block\n// @desc use this to set custom background styles (such as gradients).\n@mixin make-text-mask($bg-image: null, $text-color: transparent) {\n\n // Set our text color\n // Must have some transparency for background image to show.\n color: $text-color;\n\n // Make text our clipping mask\n background-clip: text;\n\n // Set our background image if a source is provided\n @if ($bg-image) {\n background-image: $bg-image;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n // Let's you set your own background properties\n @content;\n}\n\n// Make Triangle Base\n// The base styles for creating CSS triangles\n@mixin make-triangle-base() {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n// Make Triangle\n// Uses the \"0x0\" element with borders trick to draw arrows.\n// @param $size\n// @type unit (pixel, em, rem)\n// @param $color\n// @type color\n// @param $direction\n// @type string ('up', 'right', 'down', 'left', 'up-right', 'up-left',\n// 'down-right', 'down-left')\n// @desc The direction that the triangle will point.\n@mixin make-triangle( $size, $color, $direction ) {\n border-color: transparent;\n @if ($direction == 'up') {\n border-width: 0 $size $size $size;\n border-bottom-color: $color;\n } @else if ($direction == 'right') {\n border-width: $size 0 $size $size;\n border-left-color: $color;\n } @else if ($direction == 'down') {\n border-width: $size $size 0 $size;\n border-top-color: $color;\n } @else if ($direction == 'left') {\n border-width: $size $size $size 0;\n border-right-color: $color;\n } @else if ($direction == 'up right' or $direction == 'right up') {\n border-width: $size;\n border-top-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'up left' or $direction == 'left up') {\n border-width: $size;\n border-top-color: $color;\n border-left-color: $color;\n } @else if ($direction == 'down right' or $direction == 'right down') {\n border-width: $size;\n border-bottom-color: $color;\n border-right-color: $color;\n } @else if ($direction == 'down left' or $direction == 'left down') {\n border-width: $size;\n border-bottom-color: $color;\n border-left-color: $color;\n } @else {\n @warn \"#{$direction} is not a valid direction for @mixin triangle\";\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Framework Settings\n////////////////////////////////////////////////////////////////////////////////\n\n// Sets global box sizing property\n// @type border-box, null\n$global-box-sizing: border-box !default;\n\n// Class name used in clearfix and remove-clearfix classes\n// @type class-name, null\n$class-clearfix: clearfix !default;\n$class-remove-clearfix: remove-clearfix !default;\n\n// Class name used in float left and right classes\n// @type class-name, null\n$class-float-left: float-left !default;\n$class-float-right: float-right !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Mixin Defaults\n////////////////////////////////////////////////////////////////////////////////\n\n// @type box-sizing value (border-box, none)\n$box-sizing: border-box !default;\n\n// @type box-shadow value ([horizontal offset] [vertical offset] [blur radius]\n// [spread radius] [color])\n$box-shadow: 0 1px 3px rgba($black, 0.1) !default;\n\n// @type unit (pixel, percent)\n$border-radius: 3px !default;\n\n// Transition\n// @type transition value ([transition-property] [transition-duration]\n// [transition-timing-function] [transition-delay])\n$transition: all 0.25s linear !default;\n$transition-property: all !default;\n$transition-duration: 0.25s !default;\n$transition-timing-function: linear !default;\n$transition-delay: 0.25s !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Scaffolding\n////////////////////////////////////////////////////////////////////////////////\n\n// Colors\n// @type color\n$bg-color: $gray-100 !default;\n$bg-selection: rgba($green, 0.25) !default;\n$border-color: rgba($black, 0.10) !default;\n$border-color-hover: rgba($black, 0.25) !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Primary Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Red\n$red-50: #FFEBEE !default;\n$red-100: #FFCDD2 !default;\n$red-200: #EF9A9A !default;\n$red-300: #E57373 !default;\n$red-400: #EF5350 !default;\n$red-500: #F44336 !default;\n$red-600: #E53935 !default;\n$red-700: #D32F2F !default;\n$red-800: #C62828 !default;\n$red-900: #B71C1C !default;\n$red: $red-500 !default;\n\n// Red Accent\n$red-a100: #FF8A80 !default;\n$red-a200: #FF5252 !default;\n$red-a400: #FF1744 !default;\n$red-a700: #D50000 !default;\n$red-a: $red-a200 !default;\n\n// Pink\n$pink-50: #FCE4EC !default;\n$pink-100: #F8BBD0 !default;\n$pink-200: #F48FB1 !default;\n$pink-300: #F06292 !default;\n$pink-400: #EC407A !default;\n$pink-500: #E91E63 !default;\n$pink-600: #D81B60 !default;\n$pink-700: #C2185B !default;\n$pink-800: #AD1457 !default;\n$pink-900: #880E4F !default;\n$pink: $pink-500 !default;\n\n// Pink Accent\n$pink-a100: #FF80AB !default;\n$pink-a200: #FF4081 !default;\n$pink-a400: #F50057 !default;\n$pink-a700: #C51162 !default;\n$pink-a: $pink-a200 !default;\n\n// Purple\n$purple-50: #F3E5F5 !default;\n$purple-100: #E1BEE7 !default;\n$purple-200: #CE93D8 !default;\n$purple-300: #BA68C8 !default;\n$purple-400: #AB47BC !default;\n$purple-500: #9C27B0 !default;\n$purple-600: #8E24AA !default;\n$purple-700: #7B1FA2 !default;\n$purple-800: #6A1B9A !default;\n$purple-900: #4A148C !default;\n$purple: $purple-500 !default;\n\n// Purple Accent\n$purple-a100: #EA80FC !default;\n$purple-a200: #E040FB !default;\n$purple-a400: #D500F9 !default;\n$purple-a700: #AA00FF !default;\n$purple-a: $purple-a200 !default;\n\n// Deep Purple\n$deep-purple-50: #EDE7F6 !default;\n$deep-purple-100: #D1C4E9 !default;\n$deep-purple-200: #B39DDB !default;\n$deep-purple-300: #9575CD !default;\n$deep-purple-400: #7E57C2 !default;\n$deep-purple-500: #673AB7 !default;\n$deep-purple-600: #5E35B1 !default;\n$deep-purple-700: #512DA8 !default;\n$deep-purple-800: #4527A0 !default;\n$deep-purple-900: #311B92 !default;\n$deep-purple: $deep-purple-500 !default;\n\n// Deep Blue Accent\n$deep-purple-a100: #B388FF !default;\n$deep-purple-a200: #7C4DFF !default;\n$deep-purple-a400: #651FFF !default;\n$deep-purple-a700: #6200EA !default;\n$deep-purple-a: $deep-purple-a200 !default;\n\n// Indigo\n$indigo-50: #E8EAF6 !default;\n$indigo-100: #C5CAE9 !default;\n$indigo-200: #9FA8DA !default;\n$indigo-300: #7986CB !default;\n$indigo-400: #5C6BC0 !default;\n$indigo-500: #3F51B5 !default;\n$indigo-600: #3949AB !default;\n$indigo-700: #303F9F !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1A237E !default;\n$indigo: $indigo-500 !default;\n\n// Indigo Accent\n$indigo-a100: #8C9EFF !default;\n$indigo-a200: #536DFE !default;\n$indigo-a400: #3D5AFE !default;\n$indigo-a700: #304FFE !default;\n$indigo-a: $indigo-a200 !default;\n\n// Blue\n$blue-50: #E3F2FD !default;\n$blue-100: #BBDEFB !default;\n$blue-200: #90CAF9 !default;\n$blue-300: #64B5F6 !default;\n$blue-400: #42A5F5 !default;\n$blue-500: #2196F3 !default;\n$blue-600: #1E88E5 !default;\n$blue-700: #1976D2 !default;\n$blue-800: #1565C0 !default;\n$blue-900: #0D47A1 !default;\n$blue: $blue-500 !default;\n\n// Blue Accent\n$blue-a100: #82B1FF !default;\n$blue-a200: #448AFF !default;\n$blue-a400: #2979FF !default;\n$blue-a700: #2962FF !default;\n$blue-a: $blue-a200 !default;\n\n// Light Blue\n$light-blue-50: #E1F5FE !default;\n$light-blue-100: #B3E5FC !default;\n$light-blue-200: #81D4FA !default;\n$light-blue-300: #4FC3F7 !default;\n$light-blue-400: #29B6F6 !default;\n$light-blue-500: #03A9F4 !default;\n$light-blue-600: #039BE5 !default;\n$light-blue-700: #0288D1 !default;\n$light-blue-800: #0277BD !default;\n$light-blue-900: #01579B !default;\n$light-blue: $light-blue-500 !default;\n\n// Light Blue Accent\n$light-blue-a100: #80D8FF !default;\n$light-blue-a200: #40C4FF !default;\n$light-blue-a400: #00B0FF !default;\n$light-blue-a700: #0091EA !default;\n$light-blue-a: $light-blue-a200 !default;\n\n// Cyan\n$cyan-50: #E0F7FA !default;\n$cyan-100: #B2EBF2 !default;\n$cyan-200: #80DEEA !default;\n$cyan-300: #4DD0E1 !default;\n$cyan-400: #26C6DA !default;\n$cyan-500: #00BCD4 !default;\n$cyan-600: #00ACC1 !default;\n$cyan-700: #0097A7 !default;\n$cyan-800: #00838F !default;\n$cyan-900: #006064 !default;\n$cyan: $cyan-500 !default;\n\n// Cyan Accent\n$cyan-a100: #84FFFF !default;\n$cyan-a200: #18FFFF !default;\n$cyan-a400: #00E5FF !default;\n$cyan-a700: #00B8D4 !default;\n$cyan-a: $cyan-a200 !default;\n\n// Teal\n$teal-50: #E0F2F1 !default;\n$teal-100: #B2DFDB !default;\n$teal-200: #80CBC4 !default;\n$teal-300: #4DB6AC !default;\n$teal-400: #26A69A !default;\n$teal-500: #009688 !default;\n$teal-600: #00897B !default;\n$teal-700: #00796B !default;\n$teal-800: #00695C !default;\n$teal-900: #004D40 !default;\n$teal: $teal-500 !default;\n\n// Teal Accent\n$teal-a100: #A7FFEB !default;\n$teal-a200: #64FFDA !default;\n$teal-a400: #1DE9B6 !default;\n$teal-a700: #00BFA5 !default;\n$teal-a: $teal-a200 !default;\n\n// Green\n$green-50: #E8F5E9 !default;\n$green-100: #C8E6C9 !default;\n$green-200: #A5D6A7 !default;\n$green-300: #81C784 !default;\n$green-400: #66BB6A !default;\n$green-500: #4CAF50 !default;\n$green-600: #43A047 !default;\n$green-700: #388E3C !default;\n$green-800: #2E7D32 !default;\n$green-900: #1B5E20 !default;\n$green: $green-500 !default;\n\n// Green Accent\n$green-a100: #B9F6CA !default;\n$green-a200: #69F0AE !default;\n$green-a400: #00E676 !default;\n$green-a700: #00C853 !default;\n$green-a: $green-a200 !default;\n\n// Light Green\n$light-green-50: #F1F8E9 !default;\n$light-green-100: #DCEDC8 !default;\n$light-green-200: #C5E1A5 !default;\n$light-green-300: #AED581 !default;\n$light-green-400: #9CCC65 !default;\n$light-green-500: #8BC34A !default;\n$light-green-600: #7CB342 !default;\n$light-green-700: #689F38 !default;\n$light-green-800: #558B2F !default;\n$light-green-900: #33691E !default;\n$light-green: $light-green-500 !default;\n\n// Light Green Accent\n$light-green-a100: #CCFF90 !default;\n$light-green-a200: #B2FF59 !default;\n$light-green-a400: #76FF03 !default;\n$light-green-a700: #64DD17 !default;\n$light-green-a: $light-green-a200 !default;\n\n// Lime\n$lime-50: #F9FBE7 !default;\n$lime-100: #F0F4C3 !default;\n$lime-200: #E6EE9C !default;\n$lime-300: #DCE775 !default;\n$lime-400: #D4E157 !default;\n$lime-500: #CDDC39 !default;\n$lime-600: #C0CA33 !default;\n$lime-700: #AFB42B !default;\n$lime-800: #9E9D24 !default;\n$lime-900: #827717 !default;\n$lime: $lime-500 !default;\n\n// Lime Accent\n$lime-a100: #F4FF81 !default;\n$lime-a200: #EEFF41 !default;\n$lime-a400: #C6FF00 !default;\n$lime-a700: #AEEA00 !default;\n$lime-a: $lime-a200 !default;\n\n// Yellow\n$yellow-50: #FFFDE7 !default;\n$yellow-100: #FFF9C4 !default;\n$yellow-200: #FFF59D !default;\n$yellow-300: #FFF176 !default;\n$yellow-400: #FFEE58 !default;\n$yellow-500: #FFEB3B !default;\n$yellow-600: #FDD835 !default;\n$yellow-700: #FBC02D !default;\n$yellow-800: #F9A825 !default;\n$yellow-900: #F57F17 !default;\n$yellow: $yellow-500 !default;\n\n// Yellow Accent\n$yellow-a100: #FFFF8D !default;\n$yellow-a200: #FFFF00 !default;\n$yellow-a400: #FFEA00 !default;\n$yellow-a700: #FFD600 !default;\n$yellow-a: $yellow-a200 !default;\n\n// Amber\n$amber-50: #FFF8E1 !default;\n$amber-100: #FFECB3 !default;\n$amber-200: #FFE082 !default;\n$amber-300: #FFD54F !default;\n$amber-400: #FFCA28 !default;\n$amber-500: #FFC107 !default;\n$amber-600: #FFB300 !default;\n$amber-700: #FFA000 !default;\n$amber-800: #FF8F00 !default;\n$amber-900: #FF6F00 !default;\n$amber: $amber-500 !default;\n\n// Amber Accent\n$amber-a100: #FFE57F !default;\n$amber-a200: #FFD740 !default;\n$amber-a400: #FFC400 !default;\n$amber-a700: #FFAB00 !default;\n$amber-a: $amber-a200 !default;\n\n// Orange\n$orange-50: #FFF3E0 !default;\n$orange-100: #FFE0B2 !default;\n$orange-200: #FFCC80 !default;\n$orange-300: #FFB74D !default;\n$orange-400: #FFA726 !default;\n$orange-500: #FF9800 !default;\n$orange-600: #FB8C00 !default;\n$orange-700: #F57C00 !default;\n$orange-800: #EF6C00 !default;\n$orange-900: #E65100 !default;\n$orange: $orange-500 !default;\n\n// Orange Accent\n$orange-a100: #FFD180 !default;\n$orange-a200: #FFAB40 !default;\n$orange-a400: #FF9100 !default;\n$orange-a700: #FF6D00 !default;\n$orange-a: $orange-a200 !default;\n\n// Deep Orange\n$deep-orange-50: #FBE9E7 !default;\n$deep-orange-100: #FFCCBC !default;\n$deep-orange-200: #FFAB91 !default;\n$deep-orange-300: #FF8A65 !default;\n$deep-orange-400: #FF7043 !default;\n$deep-orange-500: #FF5722 !default;\n$deep-orange-600: #F4511E !default;\n$deep-orange-700: #E64A19 !default;\n$deep-orange-800: #D84315 !default;\n$deep-orange-900: #BF360C !default;\n$deep-orange: $deep-orange-500 !default;\n\n// Deep Orange Accent\n$deep-orange-a100: #FF9E80 !default;\n$deep-orange-a200: #FF6E40 !default;\n$deep-orange-a400: #FF3D00 !default;\n$deep-orange-a700: #DD2C00 !default;\n$deep-orange-a: $deep-orange-a200 !default;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Utility Colors\n////////////////////////////////////////////////////////////////////////////////\n\n// Brown\n$brown-50: #EFEBE9 !default;\n$brown-100: #D7CCC8 !default;\n$brown-200: #BCAAA4 !default;\n$brown-300: #A1887F !default;\n$brown-400: #8D6E63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6D4C41 !default;\n$brown-700: #5D4037 !default;\n$brown-800: #4E342E !default;\n$brown-900: #3E2723 !default;\n$brown: $brown-500 !default;\n\n// Gray\n$gray-50: #FAFAFA !default;\n$gray-100: #F5F5F5 !default;\n$gray-200: #EEEEEE !default;\n$gray-300: #E0E0E0 !default;\n$gray-400: #BDBDBD !default;\n$gray-500: #9E9E9E !default;\n$gray-600: #757575 !default;\n$gray-700: #616161 !default;\n$gray-800: #424242 !default;\n$gray-900: #212121 !default;\n$gray: $gray-500 !default;\n\n// Blue Gray\n$blue-gray-50: #ECEFF1 !default;\n$blue-gray-100: #CFD8DC !default;\n$blue-gray-200: #B0BEC5 !default;\n$blue-gray-300: #90A4AE !default;\n$blue-gray-400: #78909C !default;\n$blue-gray-500: #607D8B !default;\n$blue-gray-600: #546E7A !default;\n$blue-gray-700: #455A64 !default;\n$blue-gray-800: #37474F !default;\n$blue-gray-900: #263238 !default;\n$blue-gray: $blue-gray-500 !default;\n\n// Black & White\n$black: #000 !default;\n$white: #fff !default;\n","// Set file variable\n$filename: 'scss/elements/_typography.scss';\n\n/*==============================================================================\n @Typography - #{$filename}\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\n\nhtml {\n font-size: $base-font-size; /* [1] */\n}\n\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n color: $color;\n -webkit-font-smoothing: subpixel-antialiased; /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: $font-family-heading;\n font-weight: $font-weight-heading;\n line-height: $line-height-heading;\n color: $color-heading;\n\n a {\n color: $color-link-heading;\n border: 0 none;\n &:hover {\n color: $color-link-heading-hover;\n text-decoration: none;\n }\n }\n}\n\nh1 {\n font-size: 2em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.25em;\n}\nh4 {\n font-size: 1.1em;\n}\nh5 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.6);\n}\nh6 {\n font-size: 1.1em;\n color: rgba($color-heading, 0.3);\n}\n\n@include media-min('medium') {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: $color-link;\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n color: $color-link-hover;\n text-decoration: underline;\n }\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\nem {\n font-style: italic;\n}\nsmall {\n font-size: 0.8em;\n}\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(#ff0, 0.5);\n @include border-radius();\n}\ncite {\n font-style: italic;\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted $color-light;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: px-to-em(22px);\n line-height: 1.4em;\n color: $color-dark;\n @include font-weight(light);\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n.text-soften {\n font-weight: $base-font-weight;\n color: $color-light;\n}\n.text-harden {\n font-weight: bold;\n color: $color-dark;\n}\n\n/**\n * Alignment Classes\n */\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n\n/**\n * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Override Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$base-font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n$base-font-size: 14px;\n$font-weight-heading: normal;\n\n////////////////////////////////////////////////////////////////////////////////\n// @Override Map\n////////////////////////////////////////////////////////////////////////////////\n\n// This is where we define all global, element and component map overrides\n$override: (\n 'grid': (\n 'container-max-width': 80em\n ),\n 'off-canvas': (\n 'class-aside-id': 'oc-aside-right',\n 'transition': 'slide-in-right',\n 'background-content': $blue-gray-50\n )\n);\n\n////////////////////////////////////////////////////////////////////////////////\n// @Settings Overrides\n////////////////////////////////////////////////////////////////////////////////\n\n// There are three maps that get defined before this override file is loaded\n// To override them we need to extend them here\n// ---\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'grid') == true) {\n $grid: map-extend($grid, map-get($override, 'grid'), true);\n }\n @if (map-has-key($override, 'mini-grid') == true) {\n $mini-grid: map-extend($mini-grid, map-get($override, 'mini-grid'), true);\n }\n @if (map-has-key($override, 'breakpoints') == true) {\n $breakpoints: map-extend($breakpoints, map-get($override, 'breakpoints'), true);\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Typography\n////////////////////////////////////////////////////////////////////////////////\n\n// Font Families\n// @type font-stack\n$font-family-sans: \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif !default;\n$font-family-serif: georgia, \"Times New Roman\", times, serif !default;\n$font-family-mono: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n// Base Font Styles\n// @type font-stack\n$base-font-family: $font-family-sans !default;\n\n// @type unit (pixel)\n$base-font-size: 16px !default;\n\n// @type unit (pixel, em, percentage)\n$base-line-height: 1.5em !default;\n\n// @type value (keyword, numeric)\n$base-font-weight: normal !default;\n\n// Header Styles\n// @type font-stack\n$font-family-heading: inherit !default;\n\n// @type unit (pixel, em, percentage)\n$line-height-heading: 1.25em !default;\n\n// @type value (keyword, numeric)\n$font-weight-heading: bold !default;\n\n// Text Color Assignment\n// @type color\n$color: $gray-900 !default;\n$color-light: $gray !default;\n$color-dark: $gray-900 !default;\n$color-heading: $gray-900 !default;\n\n// Links\n// @type color\n$color-link: $blue !default;\n$color-link-hover: $blue-700 !default;\n\n// Link Headings\n// @type color\n$color-link-heading: $blue !default;\n$color-link-heading-hover: $deep-orange-700 !default;\n\n// Miscellaneous\n// @type unit (pixel)\n$letter-spacing: 1px !default;\n","////////////////////////////////////////////////////////////////////////////////\n// @Media Query Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Media Min\n// A media query mixin that deifnes a query using min-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-min($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (min-width: map-get($tweakpoints, $point)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (min-width: map-get($breakpoints, $point)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (min-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Media Max\n// A media query mixin that deifnes a query using max-width. You can pass in the\n// key to the `$teakpoints()` or `$breakpoints()` maps to access that value, or\n// pass a value to create your media query. This mixin will shave a pixel off\n// your breakpoint value so that it never overlaps with a breakpoint that might\n// be used in the `media-min` mixin except when a value is passed directly.\n// @param $point\n// @type map key | unit (pixel, em, rem)\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-max($point) {\n @if map-has-key($tweakpoints, $point) {\n @media (max-width: (map-get($tweakpoints, $point) - 1)) {\n @content;\n }\n } @else if map-has-key($breakpoints, $point) {\n @media (max-width: (map-get($breakpoints, $point) - 1)) {\n @content;\n }\n } @else {\n @if (type-of($point) == number) {\n @media (max-width: $point) {\n @content;\n }\n }\n }\n}\n\n// Retina Media Query\n// Media query mixin can be used for setting styles specifically to retina\n// screens. Used when setting higher resolution background images.\n// @param @content (passed in brackets)\n// @type style block\n@mixin media-retina() {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n","@charset \"UTF-8\";\n/*!\n * BaseWeb\n * A fresh front-end development framework\n * @version 2.4.0\n *\n * @author Sebastian Nitu\n * @url https://github.com/sebnitu/BaseWeb\n * @url http://sebnitu.com\n *\n * Copyright (c) 2017 Sebastian Nitu (MIT Licensed)\n */\n/*==============================================================================\n @Base Styles - scss/elements/_base.scss\n==============================================================================*/\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\n\ntable {\n font-size: 1em;\n}\n\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\n::-moz-selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n::selection {\n background: rgba(76, 175, 80, 0.25);\n text-shadow: none;\n}\n\n/*==============================================================================\n @Base Classes - scss/elements/_base.scss\n==============================================================================*/\n.clearfix:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.remove-clearfix:after {\n content: none;\n display: none;\n clear: none;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Typography - scss/elements/_typography.scss\n================================================================================\n *\n * Sets the base typographic styles for BaseWeb.\n *\n * 1. Set the base font size to the `` element because that's what is\n * used when sizing things with Rem.\n * 2. Makes safari fonts not look terrible.\n */\nhtml {\n font-size: 14px;\n /* [1] */\n}\n\nbody {\n font-family: \"Open Sans\", \"Helvetica Neue\", \"HelveticaNeue\", helvetica, arial, sans-serif;\n font-size: 14px;\n line-height: 1.5em;\n font-weight: normal;\n color: #212121;\n -webkit-font-smoothing: subpixel-antialiased;\n /* [2] */\n}\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n margin: 1rem 0;\n font-family: inherit;\n font-weight: normal;\n line-height: 1.25em;\n color: #212121;\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: #2196F3;\n border: 0 none;\n}\n\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n color: #E64A19;\n text-decoration: none;\n}\n\nh1 {\n font-size: 2em;\n}\n\nh2 {\n font-size: 1.75em;\n}\n\nh3 {\n font-size: 1.25em;\n}\n\nh4 {\n font-size: 1.1em;\n}\n\nh5 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.6);\n}\n\nh6 {\n font-size: 1.1em;\n color: rgba(33, 33, 33, 0.3);\n}\n\n@media (min-width: 760px) {\n h1 {\n font-size: 3em;\n }\n h2 {\n font-size: 2em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4, h5, h6 {\n font-size: 1.25em;\n }\n}\n\n/**\n * Paragraphs\n */\np {\n margin: 1em 0;\n}\n\n/**\n * Anchors\n */\na {\n color: #2196F3;\n text-decoration: none;\n}\n\na:hover {\n cursor: pointer;\n color: #1976D2;\n text-decoration: underline;\n}\n\n/**\n * Inline Text Elements\n */\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nsmall {\n font-size: 0.8em;\n}\n\nmark {\n margin: 0 2px;\n padding: 0 5px;\n background: rgba(255, 255, 0, 0.5);\n border-radius: 3px;\n}\n\ncite {\n font-style: italic;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #9E9E9E;\n}\n\n/**\n * Stylistic Classes\n */\n.text-lead {\n font-size: 1.571em;\n line-height: 1.4em;\n color: #212121;\n font-weight: 300;\n}\n\n.text-small {\n font-size: 0.8em;\n line-height: 1.5em;\n}\n\n.text-soften {\n font-weight: normal;\n color: #9E9E9E;\n}\n\n.text-harden {\n font-weight: bold;\n color: #212121;\n}\n\n/**\n * Alignment Classes\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 * Transformation Classes\n */\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n/*==============================================================================\n @Lists - scss/elements/_lists.scss\n==============================================================================*/\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n}\n\nul ul, ul ol, ul li, ol ul, ol ol, ol li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\n\nul ul {\n list-style: circle;\n}\n\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\n\nol ol {\n list-style: lower-alpha;\n}\n\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n}\n\ndl dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: #212121;\n}\n\ndl dd {\n margin: 0 0 1em 1em;\n}\n\n/*==============================================================================\n @List Modifiers - scss/elements/_lists.scss\n==============================================================================*/\n/**\n * Base Table Styles\n */\n.list {\n list-style: none;\n margin: 1rem 0;\n background: none;\n}\n\n.list > li {\n margin: 0;\n padding: 1rem;\n background-clip: padding-box;\n}\n\n.list > li:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.list.flush > li, .list-docs > li {\n padding-left: 0;\n padding-right: 0;\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed > li, .list-docs > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.rowed > li:first-child, .list-docs > li:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.list.bordered > li:last-child {\n border-bottom: 0 none;\n}\n\n.list.linked > li {\n padding: 0;\n}\n\n.list.linked > li > a {\n display: block;\n padding: 1rem;\n background-clip: padding-box;\n border: 0 none;\n}\n\n.list.linked > li > a:after {\n content: '';\n display: table;\n clear: both;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n border-radius: 3px;\n}\n\n.list.rounded > li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.list.rounded > li:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.list.striped > li:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.list.hover > li {\n transition: background-color 0.25s linear;\n}\n\n.list.hover > li:hover {\n background-color: #FFFDE7;\n}\n\n/*==============================================================================\n @Blockquotes - scss/elements/_blockquotes.scss\n==============================================================================*/\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: #F5F5F5;\n border-radius: 3px;\n}\n\nblockquote footer,\nblockquote .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n}\n\n@media (min-width: 760px) {\n blockquote {\n padding: 1em 2em;\n }\n}\n\n/*==============================================================================\n @Code - scss/elements/_code.scss\n==============================================================================*/\ncode, pre {\n background: #F5F5F5;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n}\n\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: #F44336;\n background: none;\n}\n\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: #212121;\n}\n\npre code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n}\n\npre.max-height {\n max-height: 400px;\n}\n\n/*==============================================================================\n @Tables - scss/elements/_tables.scss\n==============================================================================*/\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n}\n\ntable tr {\n vertical-align: top;\n}\n\ntable th {\n color: #212121;\n font-weight: bold;\n text-align: left;\n}\n\n/*==============================================================================\n @Table Modifiers - scss/elements/_tables.scss\n==============================================================================*/\n/**\n * Base Modifiers Styles\n */\n.table {\n margin: 2em 0;\n background: none;\n border-collapse: separate;\n}\n\n.table td, .table th {\n padding: 0.5em 0.75em;\n}\n\n/**\n * Border Variations\n */\n.table.rowed td, .table-docs td, .table.rowed th, .table-docs th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.rowed thead:first-child tr:first-child td, .table-docs thead:first-child tr:first-child td, .table.rowed thead:first-child tr:first-child th, .table-docs thead:first-child tr:first-child th,\n.table.rowed tfoot:first-child tr:first-child td, .table-docs tfoot:first-child tr:first-child td,\n.table.rowed tfoot:first-child tr:first-child th, .table-docs tfoot:first-child tr:first-child th,\n.table.rowed tbody:first-child tr:first-child td, .table-docs tbody:first-child tr:first-child td,\n.table.rowed tbody:first-child tr:first-child th, .table-docs tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned td, .table.columned th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.columned tr td:first-child, .table.columned tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered thead:first-child tr:first-child td, .table.bordered thead:first-child tr:first-child th,\n.table.bordered tfoot:first-child tr:first-child td,\n.table.bordered tfoot:first-child tr:first-child th,\n.table.bordered tbody:first-child tr:first-child td,\n.table.bordered tbody:first-child tr:first-child th {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered td, .table.bordered th {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.table.bordered tr td:first-child, .table.bordered tr th:first-child {\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Padding Variations\n */\n.table.condensed td, .table.condensed th {\n padding: 0.25em 0.5em;\n}\n\n.table.expanded td, .table-docs td, .table.expanded th, .table-docs th {\n padding: 1em 1.25em;\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n border-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:first-child, .table.rounded thead:first-child tr:first-child th:first-child,\n.table.rounded tfoot:first-child tr:first-child td:first-child,\n.table.rounded tfoot:first-child tr:first-child th:first-child,\n.table.rounded tbody:first-child tr:first-child td:first-child,\n.table.rounded tbody:first-child tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n\n.table.rounded thead:first-child tr:first-child td:last-child, .table.rounded thead:first-child tr:first-child th:last-child,\n.table.rounded tfoot:first-child tr:first-child td:last-child,\n.table.rounded tfoot:first-child tr:first-child th:last-child,\n.table.rounded tbody:first-child tr:first-child td:last-child,\n.table.rounded tbody:first-child tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:first-child, .table.rounded thead:last-child tr:last-child th:first-child,\n.table.rounded tfoot:last-child tr:last-child td:first-child,\n.table.rounded tfoot:last-child tr:last-child th:first-child,\n.table.rounded tbody:last-child tr:last-child td:first-child,\n.table.rounded tbody:last-child tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table.rounded thead:last-child tr:last-child td:last-child, .table.rounded thead:last-child tr:last-child th:last-child,\n.table.rounded tfoot:last-child tr:last-child td:last-child,\n.table.rounded tfoot:last-child tr:last-child th:last-child,\n.table.rounded tbody:last-child tr:last-child td:last-child,\n.table.rounded tbody:last-child tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table.striped tbody tr:nth-of-type(odd) td, .table.striped tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-horizontal tbody tr:nth-of-type(odd) td, .table.striped-horizontal tbody tr:nth-of-type(odd) th {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.striped-vertical tr td:nth-of-type(odd),\n.table.striped-vertical tr th:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table.hover tbody tr td {\n transition: background-color 0.25s linear;\n}\n\n.table.hover tbody tr:hover td {\n background-color: #FFFDE7;\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline tr {\n vertical-align: baseline;\n}\n\n.table.valign-top tr {\n vertical-align: top;\n}\n\n.table.valign-middle tr, .table-docs tr {\n vertical-align: middle;\n}\n\n.table.valign-bottom tr {\n vertical-align: bottom;\n}\n\n.table.align-left tr td, .table.align-left tr th {\n text-align: left;\n}\n\n.table.align-center tr td, .table.align-center tr th {\n text-align: center;\n}\n\n.table.align-right tr td, .table.align-right tr th {\n text-align: right;\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n margin: 2em 0;\n}\n\n.table-responsive > table {\n margin: 0;\n}\n\n@media (max-width: 759px) {\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > table td,\n .table-responsive > table th {\n white-space: nowrap;\n }\n}\n\n/*==============================================================================\n @Images - scss/elements/_images.scss\n==============================================================================*/\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\n\np img.align-left {\n margin-top: 0;\n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\n\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded {\n border-radius: 3px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\nimg.polaroid {\n background: #fff;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Rules - scss/elements/_rules.scss\n==============================================================================*/\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba(0, 0, 0, 0.25);\n}\n\nhr.dashed {\n border-bottom: 1px dashed rgba(0, 0, 0, 0.25);\n}\n\nhr.double {\n border-bottom: 3px double rgba(0, 0, 0, 0.1);\n}\n\n/*==============================================================================\n @Form Structure - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Structure Elements\n */\nform {\n margin: 2.25em 0;\n font-size: 1em;\n line-height: 1.5em;\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: 1.5em 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: -0.75em 0.75em;\n padding: 0 0.75em;\n font-size: 1.571em;\n line-height: 1.5em;\n font-weight: bold;\n color: #212121;\n border: 0 none;\n}\n\nform .row {\n margin-bottom: 0.75em;\n}\n\nform .row:last-child {\n margin-bottom: 0;\n}\n\nform .col {\n margin-bottom: 0.75em;\n}\n\nform .col:last-child {\n margin-bottom: 0;\n}\n\n@media (min-width: 760px) {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Form Group\n */\n.form-group {\n margin-bottom: 1.5em;\n}\n\n.form-group:last-child {\n margin-bottom: 0;\n}\n\n.form-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.form-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.form-group.inline > *.float-right {\n float: right;\n}\n\n.form-group.inline .form-group,\n.form-group.inline .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 0.75em 0 0;\n}\n\n.form-group.inline .form-group:last-child,\n.form-group.inline .input-group:last-child {\n margin-right: 0;\n}\n\n/**\n * Header Group\n */\n.form-header {\n margin-bottom: 1.5em;\n color: #9E9E9E;\n}\n\n.form-header:last-child {\n margin-bottom: 0;\n}\n\n.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {\n margin: 0.5em 0;\n font-size: 1.4em;\n line-height: 1.2em;\n}\n\n.form-header p {\n margin: 0.5em 0;\n color: #9E9E9E;\n}\n\n/**\n * Action Group\n */\n.form-action {\n margin-bottom: 1.5em;\n}\n\n.form-action:last-child {\n margin-bottom: 0;\n}\n\n.form-action:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.form-action .button,\n.form-action .input-align {\n float: left;\n margin: 0 0.75em 0 0;\n}\n\n.form-action .button:last-child,\n.form-action .input-align:last-child {\n margin-right: 0;\n}\n\n.form-action .button.float-right,\n.form-action .input-align.float-right {\n float: right;\n}\n\n.form-action .input-align {\n margin-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.form-action.form-action-center {\n text-align: center;\n}\n\n.form-action.form-action-center .button,\n.form-action.form-action-center .input-align {\n display: inline-block;\n float: none;\n}\n\n/**\n * Input Group\n */\n.input-group {\n margin-bottom: 1.5em;\n}\n\n.input-group:last-child {\n margin-bottom: 0;\n}\n\n.input-group.inline {\n margin-right: -0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.input-group.inline:last-child {\n margin-bottom: -0.75em;\n}\n\n.input-group.inline > * {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.input-group.inline > *.float-right {\n float: right;\n}\n\n/*==============================================================================\n @Form Elements - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 0.5em 0;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: 600;\n color: #212121;\n}\n\nlabel:last-child {\n margin-bottom: 0;\n}\n\nlabel.sub {\n font-weight: normal;\n}\n\nlabel.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nlabel.block {\n display: block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\nlabel.inline {\n display: inline-block;\n padding-top: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.inline label.block,\n.inline label.inline {\n padding-bottom: 0.75em;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 0.75em 0;\n}\n\n.input:last-child,\n.checkbox:last-child,\n.radio:last-child,\n.choice:last-child {\n margin-bottom: 0;\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: 0.75em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n color: #212121;\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 1px 3px transparent, inset 0 1px 3px rgba(0, 0, 0, 0.05);\n box-sizing: border-box;\n border-radius: 3px;\n transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;\n}\n\n.input::-webkit-input-placeholder {\n color: #aaa;\n}\n\n.input:-moz-placeholder {\n color: #aaa;\n}\n\n.input::-moz-placeholder {\n color: #aaa;\n}\n\n.input:-ms-input-placeholder {\n color: #aaa;\n}\n\n.input:focus {\n outline: none;\n background-color: white;\n border: 1px solid #2196f3;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px transparent;\n}\n\n.input.disabled, .input[readonly], .input[disabled] {\n opacity: 0.5;\n background: rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: #212121;\n font-weight: normal;\n}\n\n.checkbox.disabled,\n.radio.disabled,\n.choice.disabled {\n opacity: 0.5;\n}\n\n.choice {\n padding: 0.75em 0.75em 0.75em 2.25em;\n background: rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n box-shadow: none;\n border-radius: 3px;\n}\n\n.choice input[type=\"checkbox\"],\n.choice input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 0.75em 0;\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: 0.25em;\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\n\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: 0.75em;\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Notes\n */\n.note {\n margin-bottom: 0.75em;\n font-size: 1em;\n color: #9E9E9E;\n}\n\n.note:last-child {\n margin-bottom: 0;\n}\n\n.note p {\n margin: 0 0 0.75em 0;\n}\n\n.note p:last-child {\n margin-bottom: 0;\n}\n\nlabel + .note {\n margin-top: 0;\n}\n\n.form-group + .note,\n.input-group + .note {\n margin-top: -0.75em;\n}\n\n/**\n * Required Classes\n */\n.req {\n color: #F44336;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n float: left;\n width: auto;\n margin-right: 0.75em;\n margin-bottom: 0.75em;\n}\n\nlabel.inline.float-right,\n.button.inline.float-right,\n.input.inline.float-right,\n.checkbox.inline.float-right,\n.radio.inline.float-right,\n.choice.inline.float-right,\n.inline label.float-right,\n.inline .button.float-right,\n.inline .input.float-right,\n.inline .checkbox.float-right,\n.inline .radio.float-right,\n.inline .choice.float-right {\n float: right;\n}\n\n/**\n * Disabled\n */\n.disabled input[type=\"file\"],\n.disabled input[type=\"range\"],\n.disabled input[type=\"checkbox\"],\n.disabled input[type=\"radio\"],\n.disabled .input,\n.disabled .checkbox,\n.disabled .radio,\n.disabled .choice,\nfieldset[disabled] input[type=\"file\"],\nfieldset[disabled] input[type=\"range\"],\nfieldset[disabled] input[type=\"checkbox\"],\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] .input,\nfieldset[disabled] .checkbox,\nfieldset[disabled] .radio,\nfieldset[disabled] .choice {\n opacity: 0.5;\n}\n\n.disabled .input,\nfieldset[disabled] .input {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/*==============================================================================\n @Validation States - scss/elements/_forms.scss\n==============================================================================*/\n/**\n * Success\n */\n.input.success {\n border-color: #4CAF50;\n}\n\n.checkbox.success,\n.radio.success,\n.note.success {\n color: #1B5E20;\n}\n\n.choice.success {\n background-color: #E8F5E9;\n}\n\n.success .input {\n border-color: #4CAF50;\n}\n\n.success .checkbox,\n.success .radio,\n.success .note {\n color: #1B5E20;\n}\n\n.success .choice {\n background-color: #E8F5E9;\n}\n\n/**\n * Warning\n */\n.input.warning {\n border-color: #FBC02D;\n}\n\n.checkbox.warning,\n.radio.warning,\n.note.warning {\n color: #FBC02D;\n}\n\n.choice.warning {\n background-color: #FFF9C4;\n}\n\n.warning .input {\n border-color: #FBC02D;\n}\n\n.warning .checkbox,\n.warning .radio,\n.warning .note {\n color: #FBC02D;\n}\n\n.warning .choice {\n background-color: #FFF9C4;\n}\n\n/**\n * Error\n */\n.input.error {\n border-color: #F44336;\n}\n\n.checkbox.error,\n.radio.error,\n.note.error {\n color: #B71C1C;\n}\n\n.choice.error {\n background-color: #FFEBEE;\n}\n\n.error .input {\n border-color: #F44336;\n}\n\n.error .checkbox,\n.error .radio,\n.error .note {\n color: #B71C1C;\n}\n\n.error .choice {\n background-color: #FFEBEE;\n}\n\n/**\n * Active\n */\n.input.active {\n border-color: #2196F3;\n}\n\n.checkbox.active,\n.radio.active,\n.note.active {\n color: #0D47A1;\n}\n\n.choice.active {\n background-color: #E3F2FD;\n}\n\n.active .input {\n border-color: #2196F3;\n}\n\n.active .checkbox,\n.active .radio,\n.active .note {\n color: #0D47A1;\n}\n\n.active .choice {\n background-color: #E3F2FD;\n}\n\n/*==============================================================================\n @Buttons - scss/elements/_buttons.scss\n==============================================================================*/\n/**\n * Base Button\n */\n.button {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button:hover, .button:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button:hover, .button:focus {\n color: #212121;\n background-color: #fafafa;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button:active {\n color: #212121;\n background-color: whitesmoke;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.inverted {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #212121;\n background-clip: border-box;\n border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.button.inverted:hover, .button.inverted:focus {\n color: #fff;\n background-color: #262626;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.inverted:active {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(255, 255, 255, 0.25);\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n/**\n * Button Color\n */\n.button.default, .button-group.default .button,\n.button-group-wrapper.default .button {\n color: #212121;\n text-shadow: none;\n background-color: #efefef;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.default:hover, .button-group.default .button:hover,\n.button-group-wrapper.default .button:hover, .button.default:focus, .button-group.default .button:focus,\n.button-group-wrapper.default .button:focus {\n color: #212121;\n background-color: #eaeaea;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.default:active, .button-group.default .button:active,\n.button-group-wrapper.default .button:active {\n color: #212121;\n background-color: #e5e5e5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue, .button.primary,\n.button.active, .button-group.blue .button,\n.button-group.primary .button,\n.button-group.active .button,\n.button-group-wrapper.blue .button,\n.button-group-wrapper.primary .button,\n.button-group-wrapper.active .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #2196F3;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.blue:hover, .button.primary:hover,\n.button.active:hover, .button-group.blue .button:hover,\n.button-group.primary .button:hover,\n.button-group.active .button:hover,\n.button-group-wrapper.blue .button:hover,\n.button-group-wrapper.primary .button:hover,\n.button-group-wrapper.active .button:hover, .button.blue:focus, .button.primary:focus,\n.button.active:focus, .button-group.blue .button:focus,\n.button-group.primary .button:focus,\n.button-group.active .button:focus,\n.button-group-wrapper.blue .button:focus,\n.button-group-wrapper.primary .button:focus,\n.button-group-wrapper.active .button:focus {\n color: #fff;\n background-color: #0d8aee;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.blue:active, .button.primary:active,\n.button.active:active, .button-group.blue .button:active,\n.button-group.primary .button:active,\n.button-group.active .button:active,\n.button-group-wrapper.blue .button:active,\n.button-group-wrapper.primary .button:active,\n.button-group-wrapper.active .button:active {\n color: #fff;\n background-color: #0c7cd5;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green, .button.success, .button-group.green .button,\n.button-group.success .button,\n.button-group-wrapper.green .button,\n.button-group-wrapper.success .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #4CAF50;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.green:hover, .button.success:hover, .button-group.green .button:hover,\n.button-group.success .button:hover,\n.button-group-wrapper.green .button:hover,\n.button-group-wrapper.success .button:hover, .button.green:focus, .button.success:focus, .button-group.green .button:focus,\n.button-group.success .button:focus,\n.button-group-wrapper.green .button:focus,\n.button-group-wrapper.success .button:focus {\n color: #fff;\n background-color: #449d48;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.green:active, .button.success:active, .button-group.green .button:active,\n.button-group.success .button:active,\n.button-group-wrapper.green .button:active,\n.button-group-wrapper.success .button:active {\n color: #fff;\n background-color: #3d8b40;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange, .button.warning, .button-group.orange .button,\n.button-group.warning .button,\n.button-group-wrapper.orange .button,\n.button-group-wrapper.warning .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #FF9800;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.orange:hover, .button.warning:hover, .button-group.orange .button:hover,\n.button-group.warning .button:hover,\n.button-group-wrapper.orange .button:hover,\n.button-group-wrapper.warning .button:hover, .button.orange:focus, .button.warning:focus, .button-group.orange .button:focus,\n.button-group.warning .button:focus,\n.button-group-wrapper.orange .button:focus,\n.button-group-wrapper.warning .button:focus {\n color: #fff;\n background-color: #e68900;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.orange:active, .button.warning:active, .button-group.orange .button:active,\n.button-group.warning .button:active,\n.button-group-wrapper.orange .button:active,\n.button-group-wrapper.warning .button:active {\n color: #fff;\n background-color: #cc7a00;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red, .button.danger, .button-group.red .button,\n.button-group.danger .button,\n.button-group-wrapper.red .button,\n.button-group-wrapper.danger .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #F44336;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.red:hover, .button.danger:hover, .button-group.red .button:hover,\n.button-group.danger .button:hover,\n.button-group-wrapper.red .button:hover,\n.button-group-wrapper.danger .button:hover, .button.red:focus, .button.danger:focus, .button-group.red .button:focus,\n.button-group.danger .button:focus,\n.button-group-wrapper.red .button:focus,\n.button-group-wrapper.danger .button:focus {\n color: #fff;\n background-color: #f32c1e;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.red:active, .button.danger:active, .button-group.red .button:active,\n.button-group.danger .button:active,\n.button-group-wrapper.red .button:active,\n.button-group-wrapper.danger .button:active {\n color: #fff;\n background-color: #ea1c0d;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black, .button.secondary, .button-group.black .button,\n.button-group.secondary .button,\n.button-group-wrapper.black .button,\n.button-group-wrapper.secondary .button {\n color: #fff;\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n background-color: #9E9E9E;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button.black:hover, .button.secondary:hover, .button-group.black .button:hover,\n.button-group.secondary .button:hover,\n.button-group-wrapper.black .button:hover,\n.button-group-wrapper.secondary .button:hover, .button.black:focus, .button.secondary:focus, .button-group.black .button:focus,\n.button-group.secondary .button:focus,\n.button-group-wrapper.black .button:focus,\n.button-group-wrapper.secondary .button:focus {\n color: #fff;\n background-color: #ababab;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button.black:active, .button.secondary:active, .button-group.black .button:active,\n.button-group.secondary .button:active,\n.button-group-wrapper.black .button:active,\n.button-group-wrapper.secondary .button:active {\n color: #fff;\n background-color: #b8b8b8;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Button Utility Classes\n */\n.button.small, .button-group.small .button,\n.button-group-wrapper.small .button {\n padding: 0.5em 1.25em;\n font-size: 0.85em;\n}\n\n.button.large, .button-group.large .button,\n.button-group-wrapper.large .button {\n font-size: 1.4em;\n}\n\n.button.block {\n display: block;\n width: 100%;\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n width: 1.5em;\n height: 1.5em;\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n/*==============================================================================\n @Video - scss/elements/_videos.scss\n==============================================================================*/\n.video-wrapper {\n position: relative;\n display: block;\n height: 0;\n margin: 2em 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n}\n\n.video-wrapper .video-item,\n.video-wrapper embed,\n.video-wrapper iframe,\n.video-wrapper object,\n.video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0 none;\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper .ratio-16x9 {\n padding-bottom: 56.25%;\n}\n\n.video-wrapper .ratio-4x3 {\n padding-bottom: 75%;\n}\n\n.video-wrapper .ratio-3x2 {\n padding-bottom: 66.667%;\n}\n\n/*==============================================================================\n @Button Groups - scss/blocks/_button-groups.scss\n==============================================================================*/\n.button-group {\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n float: none;\n margin-right: 0;\n}\n\n.button-group:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n.button-group > .button:hover {\n z-index: 2;\n}\n\n.button-group > .button:focus {\n z-index: 3;\n}\n\n.button-group > .button:active {\n z-index: 4;\n}\n\n.button-group > .button.active {\n z-index: 5;\n}\n\n.button-group + .button-group {\n margin-top: 0;\n margin-left: 0.75em;\n}\n\n.button-group > .button {\n width: auto;\n}\n\n.button-group > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n}\n\n.button-group > .button + .button {\n margin-top: 0;\n margin-left: -1px;\n}\n\n.button-group > .button:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.button-group > .button:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Button Group Modifiers\n */\n.button-group.block {\n display: block;\n float: none;\n}\n\n.button-group.block + .button-group {\n margin-top: 1em;\n margin-left: 0;\n}\n\n.button-group.vertical {\n margin-right: 0;\n}\n\n.button-group.vertical > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n}\n\n.button-group.vertical > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.button-group.vertical > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.button-group.vertical > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Mini-Grid Modifiers\n */\n.button-group.fluid {\n display: table;\n width: 100%;\n}\n\n.button-group.fluid > * {\n display: table-cell;\n}\n\n.button-group > .button.is-1-of-1,\n.button-group.has-1 > .button {\n width: 100%;\n}\n\n.button-group > .button.is-1-of-2,\n.button-group.has-2 > .button {\n width: 50%;\n}\n\n.button-group > .button.is-1-of-3,\n.button-group.has-3 > .button {\n width: 33.333%;\n}\n\n.button-group > .button.is-1-of-4,\n.button-group.has-4 > .button {\n width: 25%;\n}\n\n.button-group > .button.is-1-of-5,\n.button-group.has-5 > .button {\n width: 20%;\n}\n\n.button-group > .button.is-1-of-6,\n.button-group.has-6 > .button {\n width: 16.667%;\n}\n\n.button-group > .button.is-1-of-7,\n.button-group.has-7 > .button {\n width: 14.286%;\n}\n\n.button-group > .button.is-1-of-8,\n.button-group.has-8 > .button {\n width: 12.5%;\n}\n\n.button-group > .button.is-1-of-9,\n.button-group.has-9 > .button {\n width: 11.111%;\n}\n\n.button-group > .button.is-1-of-10,\n.button-group.has-10 > .button {\n width: 10%;\n}\n\n.button-group > .button.is-1-of-11,\n.button-group.has-11 > .button {\n width: 9.091%;\n}\n\n.button-group > .button.is-1-of-12,\n.button-group.has-12 > .button {\n width: 8.333%;\n}\n\n.button-group.has-2,\n.button-group.has-margin-2 {\n margin-right: -1px;\n}\n\n.button-group.has-3,\n.button-group.has-margin-3 {\n margin-right: -2px;\n}\n\n.button-group.has-4,\n.button-group.has-margin-4 {\n margin-right: -3px;\n}\n\n.button-group.has-5,\n.button-group.has-margin-5 {\n margin-right: -4px;\n}\n\n.button-group.has-6,\n.button-group.has-margin-6 {\n margin-right: -5px;\n}\n\n.button-group.has-7,\n.button-group.has-margin-7 {\n margin-right: -6px;\n}\n\n.button-group.has-8,\n.button-group.has-margin-8 {\n margin-right: -7px;\n}\n\n.button-group.has-9,\n.button-group.has-margin-9 {\n margin-right: -8px;\n}\n\n.button-group.has-10,\n.button-group.has-margin-10 {\n margin-right: -9px;\n}\n\n.button-group.has-11,\n.button-group.has-margin-11 {\n margin-right: -10px;\n}\n\n.button-group.has-12,\n.button-group.has-margin-12 {\n margin-right: -11px;\n}\n\n/**\n * Stack Modifiers\n */\n@media (max-width: 479px) {\n .button-group.stack-for-tiny {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-tiny + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-tiny > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-tiny > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-tiny > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 759px) {\n .button-group.stack-for-small {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-small + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-small > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-small > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-small > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n@media (max-width: 989px) {\n .button-group.stack-for-medium {\n display: block;\n float: none;\n margin-right: 0;\n }\n .button-group.stack-for-medium + .button-group {\n margin-top: 1em;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n }\n .button-group.stack-for-medium > .button + .button {\n margin-top: -1px;\n margin-left: 0;\n }\n .button-group.stack-for-medium > .button:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .button-group.stack-for-medium > .button:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n}\n\n/**\n * Button Group Wrapper\n */\n.button-group-wrapper {\n display: block;\n margin: 0 0 -1em -1em;\n}\n\n.button-group-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.button-group-wrapper > .button,\n.button-group-wrapper .button-group {\n float: left;\n}\n\n.button-group-wrapper > .button.float-left,\n.button-group-wrapper .button-group.float-left {\n float: left;\n}\n\n.button-group-wrapper > .button.float-right,\n.button-group-wrapper .button-group.float-right {\n float: right;\n}\n\n.button-group-wrapper .button-group.block {\n float: none;\n clear: both;\n}\n\n.button-group-wrapper > .button, .button-group-wrapper .button-group, .button-group-wrapper .button-group.block, .button-group-wrapper .button-group + .button-group, .button-group-wrapper .button-group.block + .button-group, .button-group-wrapper .button-group.stack-for-small, .button-group-wrapper .button-group.stack-for-mobile, .button-group-wrapper .button-group.stack-for-tablet, .button-group-wrapper .button-group.stack-for-small + .button-group, .button-group-wrapper .button-group.stack-for-mobile + .button-group, .button-group-wrapper .button-group.stack-for-tablet + .button-group {\n margin-top: 0;\n margin-left: 1em;\n margin-bottom: 1em;\n}\n\n/*==============================================================================\n @Notice - scss/blocks/_notice.scss\n==============================================================================*/\n.notice {\n margin: 2em 0;\n padding: 0.25em 1.25em;\n font-size: 1em;\n line-height: 1.5em;\n border-radius: 3px;\n color: #212121;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);\n background: #F5F5F5;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.notice .close {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n}\n\n.notice .close + * {\n padding-right: 2.5em;\n}\n\n.notice.inverted {\n color: #fff;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);\n background: #212121;\n border: 1px solid rgba(0, 0, 0, 0.15);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/**\n * Notice Color\n */\n.notice.blue, .notice.info {\n background: #E3F2FD;\n}\n\n.notice.blue.inverted, .inverted.notice.info {\n background: rgba(33, 150, 243, 0.9);\n}\n\n.notice.green, .notice.success {\n background: #E8F5E9;\n}\n\n.notice.green.inverted, .inverted.notice.success {\n background: rgba(76, 175, 80, 0.9);\n}\n\n.notice.yellow, .notice.warning {\n background: #FFF9C4;\n}\n\n.notice.yellow.inverted, .inverted.notice.warning {\n color: #212121;\n background: #FFEB3B;\n}\n\n.notice.orange {\n background: #FFF3E0;\n}\n\n.notice.orange.inverted {\n background: #FF9800;\n}\n\n.notice.red, .notice.danger {\n background: #FFEBEE;\n}\n\n.notice.red.inverted, .inverted.notice.danger {\n background: #F44336;\n}\n\n.notice.purple {\n background: #F3E5F5;\n}\n\n.notice.purple.inverted {\n background: #9C27B0;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n font-size: 0.9em;\n}\n\n.notice.large {\n font-size: 1.1em;\n}\n\n.notice.inline {\n display: inline;\n margin: 0;\n padding: 0 0.25em;\n box-shadow: none;\n}\n\n.notice.inline.inverted {\n border: 0 none;\n}\n\n@media (min-width: 760px) {\n .notice.pull-left {\n width: 45%;\n float: left;\n margin: 0.5em 5% 1em 0;\n }\n}\n\n@media (min-width: 760px) {\n .notice.pull-right {\n width: 45%;\n float: right;\n margin: 0.5em 0 1em 5%;\n }\n}\n\n/*==============================================================================\n @Breadcrumb - scss/blocks/_breadcrumb.scss\n==============================================================================*/\n.breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.breadcrumb ul,\n.breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.breadcrumb ul:after,\n.breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.breadcrumb li a {\n border: 0 none;\n}\n\n.breadcrumb .current {\n color: #9E9E9E;\n}\n\n.breadcrumb li:after {\n content: \"/\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.wrapped {\n padding: 0.5em 1em;\n background: #E3F2FD;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n/*==============================================================================\n @Dropdowns - scss/blocks/_dropdowns.scss\n==============================================================================*/\n/**\n * General Dropdown Styles\n */\n.dropdown,\n.dropdown-content,\n.dropdown-menu {\n position: relative;\n display: block;\n width: 16rem;\n margin: 0;\n font-size: 0.857rem;\n line-height: 1.35em;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/**\n * Dropdown\n */\n.dropdown {\n padding: 0;\n}\n\n.dropdown > .dropdown-content,\n.dropdown > .dropdown-menu {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n border-radius: 0;\n}\n\n.dropdown > .dropdown-content:first-child,\n.dropdown > .dropdown-menu:first-child {\n border-top: 0 none;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown > .dropdown-content:last-child,\n.dropdown > .dropdown-menu:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Dropdown Content\n */\n.dropdown-content {\n padding: 1em;\n}\n\n.dropdown-content > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > hr {\n margin: 1em 0;\n}\n\n.dropdown-content > a.block {\n display: block;\n margin: -0.5em;\n padding: 1em;\n color: #212121;\n border: 0 none;\n border-radius: 3px;\n}\n\n.dropdown-content > a.block:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #212121;\n text-decoration: none;\n}\n\n.dropdown-content > a.block > * {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.dropdown-content > a.block > :first-child {\n margin-top: 0;\n}\n\n.dropdown-content > a.block > :last-child {\n margin-bottom: 0;\n}\n\n.dropdown-content > .button {\n display: block;\n}\n\n/**\n * Dropdown Menu\n */\n.dropdown-menu {\n list-style: none;\n padding: 0.5em;\n}\n\n.dropdown-menu li {\n position: relative;\n margin: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dropdown-menu li:hover {\n background: rgba(0, 0, 0, 0.05);\n background-clip: padding-box;\n}\n\n.dropdown-menu li:hover > a {\n color: #212121;\n}\n\n.dropdown-menu li:hover > a:hover {\n text-decoration: none;\n}\n\n.dropdown-menu li.active > a {\n color: #9E9E9E;\n}\n\n.dropdown-menu li.active:hover {\n background: none;\n}\n\n.dropdown-menu li:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.dropdown-menu li:last-child {\n border-bottom: 0 none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.dropdown-menu li a {\n display: block;\n padding: 0.75em 1em;\n color: #212121;\n border: 0 none;\n}\n\n/*==============================================================================\n @Dropdown Triggers - scss/blocks/_dropdowns.scss\n==============================================================================*/\n.dropdown-trigger {\n position: relative;\n}\n\n.dropdown-trigger .dropdown {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n z-index: 105;\n display: block;\n}\n\n.dropdown-trigger .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -1em, 0);\n}\n\n.dropdown-trigger:not(.on-click):hover > .dropdown, .dropdown-trigger.active > .dropdown {\n margin: -1px 0 0 0;\n top: 100%;\n left: 0;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n.dropdown-menu {\n position: relative;\n}\n\n.dropdown-menu .dropdown-menu {\n position: absolute;\n z-index: 100;\n display: none;\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n z-index: 105;\n display: block;\n}\n\n.dropdown-menu .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-1em, 0, 0);\n}\n\n.dropdown-menu > li:hover > .dropdown-menu, .dropdown-menu.active > li > .dropdown-menu {\n margin: -1px 0 0 -1px;\n top: -0.5em;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n}\n\n/*==============================================================================\n @Tabs - scss/blocks/_tabs.scss\n==============================================================================*/\n/**\n * Base styles for tab wrapper, nav and content\n */\n.tabs {\n position: relative;\n margin: 2em 0;\n}\n\n.tabs .tabs-nav,\n.tabs .tabs-content {\n margin: 0;\n}\n\n.tabs .tabs-nav {\n z-index: 10;\n}\n\n.tabs .tabs-content {\n z-index: 5;\n}\n\n.tabs-nav {\n margin: 2em 0;\n text-align: center;\n}\n\n.tabs-nav ul {\n display: flex;\n list-style: none;\n margin: 0;\n}\n\n.tabs-nav ul li {\n flex: 1 0 auto;\n margin: 0;\n}\n\n.tabs-nav a {\n display: block;\n padding: 1em;\n border: none;\n}\n\n.tabs-nav.inline ul {\n flex-wrap: wrap;\n}\n\n.tabs-nav.inline ul li {\n flex: 0 0 auto;\n}\n\n.tabs-nav.inline ul li a {\n padding: 1em 2em;\n}\n\n.tabs-content {\n margin: 2em 0;\n}\n\n.tabs-content .tabs-panel {\n display: none;\n}\n\n.tabs-content .tabs-panel.active {\n display: block;\n}\n\n/**\n * Tabs Style: Fold\n */\n.style-fold .tabs-nav ul,\n.tabs-nav.style-fold ul {\n background: #F5F5F5;\n border: 1px solid #E0E0E0;\n border-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li,\n.tabs-nav.style-fold ul li {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul li:first-child,\n.tabs-nav.style-fold ul li:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.style-fold .tabs-nav ul li:last-child,\n.tabs-nav.style-fold ul li:last-child {\n border-right: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n.style-fold .tabs-nav a,\n.tabs-nav.style-fold a {\n color: #212121;\n}\n\n.style-fold .tabs-nav a:hover,\n.tabs-nav.style-fold a:hover {\n background: #EEEEEE;\n color: #212121;\n text-decoration: none;\n}\n\n.style-fold .tabs-nav ul li.active,\n.tabs-nav.style-fold ul li.active {\n background: #fff;\n}\n\n.style-fold .tabs-nav .active a,\n.tabs-nav.style-fold .active a {\n color: #212121;\n}\n\n.style-fold .tabs-nav .active a:hover,\n.tabs-nav.style-fold .active a:hover {\n background: #fff;\n}\n\n.style-fold .tabs-nav.inline ul li:last-child,\n.tabs-nav.style-fold.inline ul li:last-child {\n border-right: 1px solid #E0E0E0;\n}\n\n.style-fold .tabs-nav ul {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-fold .tabs-nav ul li:first-child {\n border-bottom-left-radius: 0;\n}\n\n.style-fold .tabs-nav ul li:last-child {\n border-bottom-right-radius: 0;\n}\n\n.style-fold .tabs-nav ul li.active {\n border-bottom: 1px solid #fff;\n}\n\n.style-fold .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n/**\n * Tabs Style: Line\n */\n.style-line .tabs-nav ul,\n.tabs-nav.style-line ul {\n border-bottom: 1px solid #E0E0E0;\n}\n\n.style-line .tabs-nav ul li,\n.tabs-nav.style-line ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n}\n\n.style-line .tabs-nav a,\n.tabs-nav.style-line a {\n color: #9E9E9E;\n}\n\n.style-line .tabs-nav a:hover,\n.tabs-nav.style-line a:hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.style-line .tabs-nav ul li.active,\n.tabs-nav.style-line ul li.active {\n border-bottom: 3px solid #2196F3;\n}\n\n.style-line .tabs-nav .active a,\n.tabs-nav.style-line .active a {\n color: #212121;\n}\n\n.style-line .tabs-nav .active a:hover,\n.tabs-nav.style-line .active a:hover {\n color: #2196F3;\n}\n\n.style-line .tabs-content {\n padding: 1em 2em;\n border: 1px solid #E0E0E0;\n border-top: none;\n}\n\n/*==============================================================================\n @Off-Canvas - scss/custom/off-canvas.scss\n==============================================================================*/\n.oc-content,\n.oc-inner,\n.oc-aside {\n height: 100%;\n}\n\n.oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #ECEFF1;\n}\n\n.oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-aside {\n position: fixed;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #fff;\n}\n\n.oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n/*==============================================================================\n @Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.container {\n width: 100%;\n min-width: none;\n max-width: none;\n margin: 0;\n padding: 0 1.5rem;\n}\n\n.row {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n\n.col {\n width: 100%;\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n\n@media (min-width: 760px) {\n .container {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n .container:after {\n content: '';\n display: table;\n clear: both;\n }\n .row {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n .row:after {\n content: '';\n display: table;\n clear: both;\n }\n .col {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .col.col-left {\n float: left;\n }\n .col.col-right {\n float: right;\n }\n .col-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n .col-1 {\n width: 8.333%;\n }\n .col-2 {\n width: 16.667%;\n }\n .col-3 {\n width: 25%;\n }\n .col-4 {\n width: 33.333%;\n }\n .col-5 {\n width: 41.667%;\n }\n .col-6 {\n width: 50%;\n }\n .col-7 {\n width: 58.333%;\n }\n .col-8 {\n width: 66.667%;\n }\n .col-9 {\n width: 75%;\n }\n .col-10 {\n width: 83.333%;\n }\n .col-11 {\n width: 91.667%;\n }\n .col-12 {\n width: 100%;\n }\n .prefix-1 {\n margin-left: 8.333%;\n }\n .prefix-2 {\n margin-left: 16.667%;\n }\n .prefix-3 {\n margin-left: 25%;\n }\n .prefix-4 {\n margin-left: 33.333%;\n }\n .prefix-5 {\n margin-left: 41.667%;\n }\n .prefix-6 {\n margin-left: 50%;\n }\n .prefix-7 {\n margin-left: 58.333%;\n }\n .prefix-8 {\n margin-left: 66.667%;\n }\n .prefix-9 {\n margin-left: 75%;\n }\n .prefix-10 {\n margin-left: 83.333%;\n }\n .prefix-11 {\n margin-left: 91.667%;\n }\n .suffix-1 {\n margin-right: 8.333%;\n }\n .suffix-2 {\n margin-right: 16.667%;\n }\n .suffix-3 {\n margin-right: 25%;\n }\n .suffix-4 {\n margin-right: 33.333%;\n }\n .suffix-5 {\n margin-right: 41.667%;\n }\n .suffix-6 {\n margin-right: 50%;\n }\n .suffix-7 {\n margin-right: 58.333%;\n }\n .suffix-8 {\n margin-right: 66.667%;\n }\n .suffix-9 {\n margin-right: 75%;\n }\n .suffix-10 {\n margin-right: 83.333%;\n }\n .suffix-11 {\n margin-right: 91.667%;\n }\n}\n\n/*==============================================================================\n @Mini Grid System - scss/custom/_custom.scss\n==============================================================================*/\n.has-1, .has-2, .has-3, .has-4, .has-5, .has-6, .has-7, .has-8, .has-9, .has-10, .has-11, .has-12 {\n display: block;\n}\n\n.has-1:after, .has-2:after, .has-3:after, .has-4:after, .has-5:after, .has-6:after, .has-7:after, .has-8:after, .has-9:after, .has-10:after, .has-11:after, .has-12:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.is-1-of-1,\n.has-1 > *, .is-1-of-2,\n.has-2 > *, .is-1-of-3,\n.has-3 > *, .is-1-of-4,\n.has-4 > *, .is-1-of-5,\n.has-5 > *, .is-1-of-6,\n.has-6 > *, .is-1-of-7,\n.has-7 > *, .is-1-of-8,\n.has-8 > *, .is-1-of-9,\n.has-9 > *, .is-1-of-10,\n.has-10 > *, .is-1-of-11,\n.has-11 > *, .is-1-of-12,\n.has-12 > * {\n float: left;\n}\n\n.is-1-of-1,\n.has-1 > * {\n width: 100%;\n}\n\n.is-1-of-2,\n.has-2 > * {\n width: 50%;\n}\n\n.is-1-of-3,\n.has-3 > * {\n width: 33.333%;\n}\n\n.is-1-of-4,\n.has-4 > * {\n width: 25%;\n}\n\n.is-1-of-5,\n.has-5 > * {\n width: 20%;\n}\n\n.is-1-of-6,\n.has-6 > * {\n width: 16.667%;\n}\n\n.is-1-of-7,\n.has-7 > * {\n width: 14.286%;\n}\n\n.is-1-of-8,\n.has-8 > * {\n width: 12.5%;\n}\n\n.is-1-of-9,\n.has-9 > * {\n width: 11.111%;\n}\n\n.is-1-of-10,\n.has-10 > * {\n width: 10%;\n}\n\n.is-1-of-11,\n.has-11 > * {\n width: 9.091%;\n}\n\n.is-1-of-12,\n.has-12 > * {\n width: 8.333%;\n}\n\n/*==============================================================================\n @Structure - scss/custom/_custom.scss\n==============================================================================*/\nbody {\n background: #ECEFF1;\n}\n\n.header {\n padding: 2em 0;\n}\n\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: #fff;\n}\n\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n\n.footer {\n padding: 2em 0;\n}\n\n@media (min-width: 760px) {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - scss/custom/_custom.scss\n==============================================================================*/\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n}\n\n.header .logo img {\n margin: 0;\n}\n\n.header .logo .version {\n margin-top: 8px;\n margin-left: 10px;\n color: #9E9E9E;\n}\n\n.header .logo:hover {\n text-decoration: none;\n}\n\n.header .logo:hover .version {\n color: #2196F3;\n}\n\n.home .header .logo .version {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .logo:hover .version {\n color: white;\n}\n\n/**\n * Navigation\n */\n.header .nav ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n\n.header .nav ul.menu-hori li {\n margin: 0 15px;\n}\n\n.header .nav ul.menu-hori li:first-child {\n margin-left: 0;\n}\n\n.header .nav ul.menu-hori li:last-child {\n margin-right: 0;\n}\n\n.header .nav ul.menu-hori li a:not(.button) {\n color: #212121;\n font-size: 1.071em;\n}\n\n.header .nav ul.menu-hori li a:not(.button):hover {\n color: #2196F3;\n text-decoration: none;\n}\n\n.header .nav ul.menu-hori li.active a:not(.button) {\n color: #9E9E9E;\n border: 0 none;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button) {\n color: #fff;\n font-size: 1.071em;\n}\n\n.home .header .nav ul.menu-hori li a:not(.button):hover {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav ul.menu-hori li.active a:not(.button) {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.home .header .nav li > .button,\n.home .header .nav .dropdown-trigger > .button {\n background-clip: padding-box;\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n\n.oc-aside .nav ul.menu-vert {\n margin: 0;\n list-style: none;\n}\n\n.oc-aside .nav ul.menu-vert li {\n margin: 0 1em;\n}\n\n.oc-aside .nav ul.menu-vert li + li {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.oc-aside .nav ul.menu-vert li a {\n display: block;\n padding: 0.5em 1em;\n}\n\n.oc-aside .nav ul.menu-vert li a:hover {\n text-decoration: none;\n}\n\n.oc-aside .nav .button {\n display: block;\n margin: 1em 1.5em;\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n}\n\n.icon.icon-more .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: #212121;\n border-radius: 50%;\n}\n\n.icon.icon-more .dot:last-child {\n margin-bottom: 1px;\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n\n@media (min-width: 930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n\n@media (min-width: 480px) {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Home\n */\n.hero {\n position: relative;\n background: #2196F3;\n background-image: linear-gradient(to right, #880E4F, #311B92);\n}\n\n.hero {\n position: relative;\n}\n\n.hero:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n}\n\n.hero:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: #fff;\n z-index: -2;\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n}\n\n.hero-content .container {\n padding-top: 2em;\n padding-bottom: 2em;\n}\n\n.hero-content h1 {\n font-size: 1.286em;\n line-height: 1.5em;\n font-weight: 300;\n color: #fff;\n}\n\n@media (min-width: 480px) {\n .hero-content {\n margin-bottom: 5em;\n }\n .hero-content .container {\n padding: 5em 5em 6em;\n }\n .hero-content h1 {\n font-size: 1.429em;\n }\n}\n\n@media (min-width: 760px) {\n .hero-content {\n margin-bottom: 10em;\n }\n .hero-content .container {\n padding: 10em 10em 12em;\n }\n .hero-content h1 {\n font-size: 1.714em;\n }\n}\n\n@media (min-width: 1400px) {\n .hero-content {\n margin-bottom: 15em;\n }\n}\n\n/**\n * Main\n */\n.main .flex,\n.main .feature {\n margin-bottom: 4em;\n}\n\n.main .flex:last-child,\n.main .feature:last-child {\n margin-bottom: 0;\n}\n\n.home .row {\n margin-bottom: 4em;\n}\n\n.home hr {\n margin: 8em 0;\n}\n\n.home .main img,\n.home .main svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n}\n\n@media (min-width: 760px) {\n .main .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n }\n .main .flex > * {\n width: 50%;\n margin-right: 6em;\n }\n .main .flex > *:last-child {\n margin-right: 0;\n }\n .main .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .main .feature > * {\n width: 50%;\n }\n .main .feature .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .main .feature .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n .main .feature.reverse {\n flex-direction: row-reverse;\n }\n .main .feature.reverse .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .main .feature.reverse .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n .home .main img {\n width: auto;\n margin: 0 auto;\n }\n}\n\n/*==============================================================================\n @Widget Wrap - scss/custom/_custom.scss\n==============================================================================*/\n.widget-wrap {\n margin: 2em 0;\n}\n\n.widget-wrap .widget {\n margin: 1em 0;\n}\n\n.widget-wrap .widget .button {\n display: block;\n}\n\n@media (min-width: 480px) {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n }\n .widget-wrap .widget {\n flex: 1 1 25%;\n }\n .widget-wrap .widget + .widget {\n margin-left: 2em;\n }\n .widget-wrap .widget .button {\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Widgets - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n border-radius: 3px;\n}\n\n.widget:first-child {\n padding-top: 1rem;\n}\n\n.widget:last-child {\n padding-bottom: 1rem;\n}\n\n.widget .widget + .widget {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.widget.card {\n padding: 1em 2em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n\n.widget h2 {\n margin: 1rem 0;\n font-size: 1.143em;\n font-weight: 600;\n}\n\n.widget h2 a {\n color: #212121;\n}\n\n.widget h2 a:hover {\n color: #2196F3;\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n}\n\n.widget-menu ul {\n list-style: none;\n margin: 1em 0;\n}\n\n.widget-menu ul ul {\n margin: 0 0 0 1em;\n}\n\n.widget-menu ul li {\n margin: 1px 0;\n}\n\n.widget-menu ul li a {\n display: block;\n padding: 0.5em 1em;\n color: #9E9E9E;\n border: 0 none;\n border-radius: 3px;\n}\n\n.widget-menu ul li a:hover {\n background: #F5F5F5;\n color: #212121;\n text-decoration: none;\n}\n\n.widget-menu .active > a {\n color: #2196F3;\n}\n\n.widget-menu .active > a:hover {\n color: #2196F3;\n}\n\n.widget-menu ul ul {\n display: none;\n}\n\n.widget-menu .active > ul {\n display: block;\n}\n\n/**\n * Widget Contents\n */\n.widget-contents .active > a {\n color: #9E9E9E;\n border: 0 none;\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n\n@media (min-width: 760px) {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n}\n\n.widget-back:first-child, .widget-back:last-child {\n padding: 0;\n}\n\n@media (min-width: 760px) {\n .widget-back {\n margin: 0;\n text-align: left;\n }\n .widget-back:first-child, .widget-back:last-child {\n padding: 1em 0;\n }\n}\n\n/*==============================================================================\n @Main - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Tables\n */\n@media screen and (max-width: 759px) {\n .table-docs tr, .table-docs th, .table-docs td {\n display: block;\n }\n .table-docs tr {\n padding: 0.5em 0.75em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr:first-child {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th,\n .table-docs tr td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba(0, 0, 0, 0.1);\n }\n .table-docs tr th:last-child,\n .table-docs tr td:last-child {\n border-bottom: 0 none;\n }\n .table-docs tbody:first-child tr:first-child th,\n .table-docs tbody:first-child tr:first-child td {\n border-top: 0 none;\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n margin: 1.5rem 0;\n}\n\n.list-docs h3 {\n font-size: 1.286em;\n color: #9E9E9E;\n font-weight: 300;\n}\n\n.list-docs.numbered {\n counter-reset: list-counter;\n}\n\n.list-docs.numbered li {\n position: relative;\n padding-left: 3em;\n}\n\n.list-docs.numbered li:before {\n content: counter(list-counter);\n counter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: #9E9E9E;\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@media (min-width: 760px) {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n}\n\n.article-listing li {\n margin: 2rem 0;\n}\n\n.article-listing li:first-child {\n margin-top: 0;\n}\n\n.article-listing h1 {\n font-size: 2em;\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n}\n\n.article header {\n text-align: center;\n}\n\n.article header:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba(0, 0, 0, 0.1);\n}\n\n.article .date,\n.article .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: #9E9E9E;\n}\n\n.article .date a,\n.article .meta a {\n color: #9E9E9E;\n}\n\n.article .date a:hover,\n.article .meta a:hover {\n color: #1976D2;\n}\n\n.article .content {\n font-size: 1.143em;\n line-height: 1.5em;\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n}\n\n.page-nav .button {\n display: block;\n margin: 0.5em 0;\n}\n\n@media (min-width: 480px) {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .page-nav .button {\n width: 50%;\n margin-right: 1em;\n }\n .page-nav .button:last-child {\n margin-right: 0;\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n\n@media (min-width: 760px) {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - scss/custom/_custom.scss\n==============================================================================*/\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n background-image: linear-gradient(45deg, #880E4F, #311B92);\n border-radius: 3px;\n color: #fff;\n text-align: center;\n}\n\n.block-action h3 {\n color: #fff;\n}\n\n.block-action .button-group-wrapper {\n display: block;\n}\n\n.block-action .button-group-wrapper .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n}\n\n@media (min-width: 760px) {\n .block-action .button-group-wrapper {\n display: inline-block;\n }\n .block-action .button-group-wrapper .button {\n width: auto;\n display: inline-block;\n }\n}\n\n/*==============================================================================\n @Footer - scss/custom/_custom.scss\n==============================================================================*/\n.footer {\n color: #9E9E9E;\n text-align: center;\n}\n\n.footer .logo {\n border: 0 none;\n}\n\n.footer img {\n display: inline-block;\n opacity: 0.4;\n}\n\n.footer a {\n color: #9E9E9E;\n}\n\n.footer a:hover {\n color: #1976D2;\n}\n\n@media (min-width: 760px) {\n .footer {\n text-align: left;\n }\n .footer .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n .footer img {\n margin: 0;\n }\n}\n\n/*==============================================================================\n @End - scss/custom/_custom.scss\n==============================================================================*/\n/*==============================================================================\n @Demo - scss/custom/_demos.scss\n==============================================================================*/\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo .box {\n width: 50px;\n height: 50px;\n margin: 0 auto;\n color: #fff;\n background: #2196F3;\n border-radius: 3px;\n}\n\n@media (min-width: 760px) {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n}\n\n.demo.demo-vertical-center .box {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: #2196F3;\n width: 30px;\n height: 30px;\n}\n\n.mixin-border-radius {\n border-radius: 50%;\n}\n\n.mixin-border-radius-top {\n border-top-left-radius: 50%;\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-top-left {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-top-right {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-bottom {\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-left {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-bottom-right {\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-left {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-left-top {\n border-top-left-radius: 50%;\n}\n\n.mixin-border-radius-left-bottom {\n border-bottom-left-radius: 50%;\n}\n\n.mixin-border-radius-right {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n}\n\n.mixin-border-radius-right-top {\n border-top-right-radius: 50%;\n}\n\n.mixin-border-radius-right-bottom {\n border-bottom-right-radius: 50%;\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew .box {\n transform: skew(30deg, 10deg);\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate .box {\n transform: rotate(45deg);\n}\n\n/**\n * Transition\n */\n.demo.demo-transition .box {\n background-color: #2196F3;\n transition: all 0.25s linear;\n}\n\n.demo.demo-transition .box:hover {\n background-color: #F44336;\n}\n\n/**\n * Animation\n */\n@-webkit-keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n@keyframes example {\n 0% {\n background-color: #F44336;\n }\n 50% {\n background-color: #2196F3;\n }\n 100% {\n background-color: #F44336;\n }\n}\n\n.demo.demo-animation .box {\n animation: example 10s linear 1s infinite normal;\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient .box {\n width: 100%;\n background-image: linear-gradient(to right, #4CAF50, #2196F3, #9C27B0);\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient .box {\n width: 100%;\n height: 100px;\n background-image: radial-gradient(circle, #9C27B0, #673AB7);\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate .box {\n width: 150px;\n height: auto;\n padding: 1em 1.5em;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n width: 187px;\n height: 40px;\n font-size: 0;\n line-height: 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n color: rgba(0, 0, 0, 0.25);\n background-clip: text;\n background-image: url(\"../img/demo-mask.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n}\n\n.demo.demo-text-mask p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n}\n\n.demo.demo-triangle:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.example-triangle-1, .example-triangle-2, .example-triangle-3 {\n content: '';\n display: inline-block;\n width: 0;\n height: 0;\n border: 0 none;\n border-style: solid;\n border-color: transparent;\n}\n\n.example-triangle-1 {\n border-color: transparent;\n border-width: 14px 14px 14px 0;\n border-right-color: #2196F3;\n}\n\n.example-triangle-2 {\n border-color: transparent;\n border-width: 14px 14px 0 14px;\n border-top-color: #9C27B0;\n}\n\n.example-triangle-3 {\n border-color: transparent;\n border-width: 14px 0 14px 14px;\n border-left-color: #F44336;\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-radius: 3px;\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic .demo-wrapper,\n.demo-grid-semantic .demo-content,\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-semantic .demo-wrapper p,\n.demo-grid-semantic .demo-content p,\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0;\n padding: 1rem;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n}\n\n.demo-grid-semantic .demo-aside p,\n.demo-grid-semantic .demo-article p {\n margin: 0.75rem 0;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 3px;\n}\n\n.demo-grid-semantic .demo-wrapper {\n width: 100%;\n min-width: none;\n max-width: 80em;\n margin: 0 auto;\n padding: 0 1.5rem;\n}\n\n.demo-grid-semantic .demo-wrapper:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-content {\n width: auto;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n}\n\n.demo-grid-semantic .demo-content:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-grid-semantic .demo-aside,\n.demo-grid-semantic .demo-article {\n min-height: 1px;\n float: left;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.demo-grid-semantic .demo-aside.col-left,\n.demo-grid-semantic .demo-article.col-left {\n float: left;\n}\n\n.demo-grid-semantic .demo-aside.col-right,\n.demo-grid-semantic .demo-article.col-right {\n float: right;\n}\n\n.demo-grid-semantic .demo-aside {\n width: 33.333%;\n}\n\n.demo-grid-semantic .demo-article {\n width: 66.667%;\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-prefix-suffix .row {\n background: rgba(33, 150, 243, 0.1);\n}\n\n/**\n * Nested Grid Demo\n */\n@media (min-width: 760px) {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba(33, 150, 243, 0.1);\n}\n\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n}\n\n.demo-mini-grid .mini-grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba(0, 0, 0, 0.05);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 1em;\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.demo-mini-grid .mini-grid > *:first-child {\n border-left: 0 none;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.demo-mini-grid .mini-grid > *:last-child {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n}\n\n.demo-buttons > p {\n margin-left: -0.5rem;\n}\n\n.demo-buttons > p:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-buttons .button,\n.demo-buttons .button-custom,\n.demo-buttons .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n}\n\n.demo-buttons-mobile > p {\n margin-left: 0;\n}\n\n.demo-buttons-mobile .button,\n.demo-buttons-mobile .button-custom-mobile {\n margin-left: 0;\n}\n\n.button-custom {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #fff;\n text-shadow: none;\n background-color: #9C27B0;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom:hover, .button-custom:focus {\n color: #fff;\n background-color: #89229b;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom:active {\n color: #fff;\n background-color: #771e86;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile {\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: 0.75em 1.5em;\n font-family: inherit;\n font-size: 1em;\n line-height: 1.5em;\n font-weight: inherit;\n color: #212121;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n background: none;\n box-shadow: inset 0 0 0 transparent;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.75s;\n transition-timing-function: linear;\n color: #212121;\n text-shadow: none;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n display: block;\n width: 100%;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n text-decoration: none;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background: none;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.25);\n transition-property: color, background-color, box-shadow, border-color;\n transition-duration: 0;\n transition-timing-function: linear;\n}\n\n.button-custom-mobile:hover, .button-custom-mobile:focus {\n color: #212121;\n background-color: #f2f2f2;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.button-custom-mobile:active {\n color: #212121;\n background-color: #e6e6e6;\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n\n.notice.custom {\n background: #E0F2F1;\n}\n\n.notice.custom.inverted {\n background: #009688;\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n display: block;\n margin: 1em 0;\n font-size: 1em;\n}\n\n.custom-breadcrumb ul,\n.custom-breadcrumb ol {\n margin: 0;\n list-style: none;\n}\n\n.custom-breadcrumb ul:after,\n.custom-breadcrumb ol:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.custom-breadcrumb li {\n float: left;\n margin: 0;\n}\n\n.custom-breadcrumb li a {\n color: #4CAF50;\n border: 0 none;\n}\n\n.custom-breadcrumb li a:hover {\n color: #F44336;\n}\n\n.custom-breadcrumb .current {\n color: #9E9E9E;\n}\n\n.custom-breadcrumb li:after {\n content: \"ยป\";\n padding: 0 0.75em;\n color: #BDBDBD;\n}\n\n.custom-breadcrumb li:last-child:after {\n content: none;\n}\n\n.breadcrumb.custom-wrapped {\n padding: 1em 2em;\n background: #FFF8E1;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 50px;\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n padding: 2em 3em 2em;\n overflow: visible;\n}\n\n.demo-dropdown:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.demo-dropdown > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n}\n\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n}\n\n.demo-dropdown-styles > .dropdown,\n.demo-dropdown-styles > .dropdown-content,\n.demo-dropdown-styles > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: #212121;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n}\n\n.demo-off-canvas .oc-wrap {\n height: 100%;\n}\n\n.demo-off-canvas .oc-inner {\n padding: 1.5em;\n}\n\n.demo-off-canvas .oc-aside {\n position: absolute;\n padding: 1em 2em;\n}\n\n.demo-off-canvas .oc-aside .button.close {\n margin: 0 -1rem;\n}\n\n.demo-off-canvas form {\n margin: 0;\n}\n\n.demo-off-canvas .input[readonly] {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n color: #F44336;\n opacity: 1;\n background: rgba(255, 255, 255, 0.5);\n}\n\n.demo-off-canvas .input[readonly]:focus {\n background: #fff;\n}\n\n.demo-off-canvas .oc-trigger {\n white-space: normal;\n}\n\n@media (min-width: 760px) {\n .demo-off-canvas {\n padding: 1.5em;\n }\n .demo-off-canvas .oc-inner {\n padding: 3em;\n }\n}\n\n.oc-custom .oc-content,\n.oc-custom .oc-inner,\n.oc-custom .oc-aside {\n height: 100%;\n}\n\n.oc-custom .oc-wrap {\n position: relative;\n overflow: hidden;\n background: #F5F5F5;\n}\n\n.oc-custom .oc-content {\n position: relative;\n left: 0;\n z-index: 5;\n transition: transform 0.5s;\n background: #D7CCC8;\n}\n\n.oc-custom .oc-inner {\n position: relative;\n overflow-y: auto;\n}\n\n.oc-custom .oc-aside {\n position: absolute;\n top: 0;\n z-index: 10;\n visibility: hidden;\n width: 280px;\n overflow-y: auto;\n transition: all 0.5s;\n background: #607D8B;\n}\n\n.oc-custom .oc-content:after {\n position: absolute;\n top: 0;\n right: 0;\n width: 0;\n height: 0;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-active > .oc-content:after {\n width: 100%;\n height: 100%;\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-aside:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n content: '';\n opacity: 1;\n transition: opacity 0.5s;\n}\n\n.oc-custom .oc-active > .oc-aside:after {\n width: 0;\n height: 0;\n opacity: 0;\n transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;\n}\n\n.oc-custom .oc-aside {\n color: #fff;\n}\n\n.oc-aside-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.oc-aside-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.oc-aside-left.oc-active .oc-aside-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-wrap {\n perspective: 1500px;\n}\n\n.oc-aside-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.oc-aside-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.oc-aside-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.oc-aside-right.oc-active .oc-aside-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.oc-aside-right.oc-aside:after {\n display: none;\n}\n\n.oc-aside-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.oc-aside-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.oc-aside-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.slide-in-left.oc-aside {\n left: 0;\n visibility: visible;\n transform: translate3d(-100%, 0, 0);\n}\n\n.slide-in-left.oc-active .slide-in-left.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-left.oc-aside:after {\n display: none;\n}\n\n.slide-in-right.oc-aside {\n right: 0;\n visibility: visible;\n transform: translate3d(100%, 0, 0);\n}\n\n.slide-in-right.oc-active .slide-in-right.oc-aside {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-in-right.oc-aside:after {\n display: none;\n}\n\n.reveal-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.reveal-left.oc-aside {\n left: 0;\n z-index: 1;\n}\n\n.reveal-left.oc-active .reveal-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-left.oc-aside:after {\n display: none;\n}\n\n.reveal-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.reveal-right.oc-aside {\n right: 0;\n z-index: 1;\n}\n\n.reveal-right.oc-active .reveal-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n}\n\n.reveal-right.oc-aside:after {\n display: none;\n}\n\n.slide-along-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-along-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-along-left.oc-active .slide-along-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-left.oc-aside:after {\n display: none;\n}\n\n.slide-along-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-along-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-along-right.oc-active .slide-along-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-along-right.oc-aside:after {\n display: none;\n}\n\n.slide-out-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.slide-out-left.oc-aside {\n left: 0;\n z-index: 1;\n transform: translate3d(50%, 0, 0);\n}\n\n.slide-out-left.oc-active .slide-out-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.slide-out-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.slide-out-right.oc-aside {\n right: 0;\n z-index: 1;\n transform: translate3d(-50%, 0, 0);\n}\n\n.slide-out-right.oc-active .slide-out-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-left.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-down-left.oc-active .scale-down-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-left.oc-aside:after {\n display: none;\n}\n\n.scale-down-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-down-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-down-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-down-right.oc-active .oc-content {\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-down-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-down-right.oc-active .scale-down-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-down-right.oc-aside:after {\n display: none;\n}\n\n.scale-down-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-down-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-down-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-left.oc-wrap {\n perspective: 1500px;\n perspective-origin: 0% 50%;\n}\n\n.scale-up-left.oc-active .oc-content {\n transform: translate3d(280px, 0, 0);\n}\n\n.scale-up-left.oc-aside {\n left: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-left.oc-active .scale-up-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-up-right.oc-wrap {\n perspective: 1500px;\n perspective-origin: 100% 50%;\n}\n\n.scale-up-right.oc-active .oc-content {\n transform: translate3d(-280px, 0, 0);\n}\n\n.scale-up-right.oc-aside {\n right: 0;\n z-index: 1;\n opacity: 1;\n transform: translate3d(0, 0, -280px);\n}\n\n.scale-up-right.oc-active .scale-up-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-up-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-up-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-up-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-left.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-left .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-left.oc-active .oc-content {\n transform: translate3d(100px, 0, -600px) rotateY(-20deg);\n}\n\n.scale-rotate-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.scale-rotate-left.oc-active .scale-rotate-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-left.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.scale-rotate-right.oc-wrap {\n perspective: 1500px;\n}\n\n.scale-rotate-right .oc-content {\n transform-style: preserve-3d;\n}\n\n.scale-rotate-right.oc-active .oc-content {\n transform: translate3d(-100px, 0, -600px) rotateY(20deg);\n}\n\n.scale-rotate-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.scale-rotate-right.oc-active .scale-rotate-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.scale-rotate-right.oc-aside:after {\n display: none;\n}\n\n.scale-rotate-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.scale-rotate-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.scale-rotate-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-left.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-left .oc-content {\n transform-origin: 100% 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-left.oc-active .oc-content {\n transform: rotateY(-10deg);\n}\n\n.open-door-left.oc-aside {\n left: 0;\n opacity: 1;\n transform: translate3d(-100%, 0, 0);\n}\n\n.open-door-left.oc-active .open-door-left.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-left.oc-aside:after {\n display: none;\n}\n\n.open-door-left.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-left.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-left.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n.open-door-right.oc-wrap {\n perspective: 1500px;\n}\n\n.open-door-right .oc-content {\n transform-origin: 0 50%;\n transform-style: preserve-3d;\n}\n\n.open-door-right.oc-active .oc-content {\n transform: rotateY(10deg);\n}\n\n.open-door-right.oc-aside {\n right: 0;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n}\n\n.open-door-right.oc-active .open-door-right.oc-aside {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0);\n}\n\n.open-door-right.oc-aside:after {\n display: none;\n}\n\n.open-door-right.oc-wrap {\n transition: height 0.1s 0.5s;\n}\n\n.open-door-right.oc-delay.oc-wrap {\n height: 100%;\n}\n\n.open-door-right.oc-active.oc-wrap {\n height: 100%;\n transition: none;\n}\n\n/*==============================================================================\n @Swatches - scss/docs/_swatches.scss\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba(0, 0, 0, 0.1);\n width: 44px;\n height: 44px;\n border-radius: 3px;\n}\n\n.bg-color {\n background: #212121;\n}\n\n.bg-color-light {\n background: #9E9E9E;\n}\n\n.bg-color-dark {\n background: #212121;\n}\n\n.bg-color-heading {\n background: #212121;\n}\n\n.bg-color-link {\n background: #2196F3;\n}\n\n.bg-color-link-hover {\n background: #1976D2;\n}\n\n.bg-color-link-heading {\n background: #2196F3;\n}\n\n.bg-color-link-heading-hover {\n background: #E64A19;\n}\n\n.bg-bg-color {\n background: #F5F5F5;\n}\n\n.bg-bg-selection {\n background: rgba(76, 175, 80, 0.25);\n}\n\n.bg-border-color {\n background: rgba(0, 0, 0, 0.1);\n}\n\n.bg-border-color-hover {\n background: rgba(0, 0, 0, 0.25);\n}\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n}\n\n.swatch-wrap .swatch {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.swatch-wrap .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n}\n\n.swatch-card ul {\n margin: 0.5em 0 0;\n list-style: none;\n}\n\n.swatch-card ul li {\n margin: 0;\n}\n\n@media (min-width: 760px) {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: #fff;\n}\n\n.swatch-card .swatch.text-dark {\n color: #212121;\n}\n\n.swatch-card .swatch .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n text-transform: capitalize;\n}\n\n.swatch-card .swatch.text-dark .name {\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.swatch-card .swatch .var,\n.swatch-card .swatch .hex {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n.swatch-card .swatch .hex {\n float: right;\n}\n\n/*==============================================================================\n @Code - scss/docs/_highlight.scss\n==============================================================================*/\nfigure {\n margin: 1em 0;\n}\n\n.highlight .c {\n color: #998;\n font-style: italic;\n}\n\n.highlight .err {\n color: #a61717;\n}\n\n.highlight .k {\n font-weight: bold;\n}\n\n.highlight .o {\n font-weight: bold;\n}\n\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cp {\n color: #999;\n font-weight: bold;\n}\n\n.highlight .c1 {\n color: #998;\n font-style: italic;\n}\n\n.highlight .cs {\n color: #999;\n font-weight: bold;\n font-style: italic;\n}\n\n.highlight .gd {\n color: #000;\n}\n\n.highlight .gd .x {\n color: #000;\n}\n\n.highlight .ge {\n font-style: italic;\n}\n\n.highlight .gr {\n color: #a00;\n}\n\n.highlight .gh {\n color: #999;\n}\n\n.highlight .gi {\n color: #000;\n}\n\n.highlight .gi .x {\n color: #000;\n}\n\n.highlight .go {\n color: #888;\n}\n\n.highlight .gp {\n color: #555;\n}\n\n.highlight .gs {\n font-weight: bold;\n}\n\n.highlight .gu {\n color: #aaa;\n}\n\n.highlight .gt {\n color: #a00;\n}\n\n.highlight .kc {\n font-weight: bold;\n}\n\n.highlight .kd {\n font-weight: bold;\n}\n\n.highlight .kp {\n font-weight: bold;\n}\n\n.highlight .kr {\n font-weight: bold;\n}\n\n.highlight .kt {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .m {\n color: #099;\n}\n\n.highlight .s {\n color: #d14;\n}\n\n.highlight .na {\n color: #008080;\n}\n\n.highlight .nb {\n color: #0086B3;\n}\n\n.highlight .nc {\n color: #458;\n font-weight: bold;\n}\n\n.highlight .no {\n color: #008080;\n}\n\n.highlight .ni {\n color: #800080;\n}\n\n.highlight .ne {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nf {\n color: #900;\n font-weight: bold;\n}\n\n.highlight .nn {\n color: #555;\n}\n\n.highlight .nt {\n color: #000080;\n}\n\n.highlight .nv {\n color: #008080;\n}\n\n.highlight .ow {\n font-weight: bold;\n}\n\n.highlight .w {\n color: #bbb;\n}\n\n.highlight .mf {\n color: #099;\n}\n\n.highlight .mh {\n color: #099;\n}\n\n.highlight .mi {\n color: #099;\n}\n\n.highlight .mo {\n color: #099;\n}\n\n.highlight .sb {\n color: #d14;\n}\n\n.highlight .sc {\n color: #d14;\n}\n\n.highlight .sd {\n color: #d14;\n}\n\n.highlight .s2 {\n color: #d14;\n}\n\n.highlight .se {\n color: #d14;\n}\n\n.highlight .sh {\n color: #d14;\n}\n\n.highlight .si {\n color: #d14;\n}\n\n.highlight .sx {\n color: #d14;\n}\n\n.highlight .sr {\n color: #009926;\n}\n\n.highlight .s1 {\n color: #d14;\n}\n\n.highlight .ss {\n color: #990073;\n}\n\n.highlight .bp {\n color: #999;\n}\n\n.highlight .vc {\n color: #008080;\n}\n\n.highlight .vg {\n color: #008080;\n}\n\n.highlight .vi {\n color: #008080;\n}\n\n.highlight .il {\n color: #099;\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @General Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Map Extend\n// jQuery-style extend function for when `map-merge()` isn't enough. Use when\n// we need to merge more than two maps and/or need a merge to be recursive.\n// @param $map\n// @type first map\n// @param $maps\n// @type list of maps\n// @param $deep\n// @type boolean\n// @default false\n// @desc Whether or not to enable recursive mode.\n// @return merged map\n@function map-extend($map, $maps.../*, $deep */) {\n $last: nth($maps, -1);\n $deep: $last == true;\n $max: if($deep, length($maps) - 1, length($maps));\n\n // Loop through all maps in $maps...\n @for $i from 1 through $max {\n // Store current map\n $current: nth($maps, $i);\n\n // If not in deep mode, simply merge current map with map\n @if not $deep {\n $map: map-merge($map, $current);\n } @else {\n // If in deep mode, loop through all tuples in current map\n @each $key, $value in $current {\n\n // If value is a nested map and same key from map is a nested map as well\n @if type-of($value) == \"map\" and type-of(map-get($map, $key)) == \"map\" {\n // Recursive extend\n $value: map-extend(map-get($map, $key), $value, true);\n }\n\n // Merge current tuple with map\n $map: map-merge($map, ($key: $value));\n }\n }\n }\n\n @return $map;\n}\n\n// Map Fetch\n// An easy way to fetch a deep value in a multi-level map. Works much like\n// map-get() except that you pass multiple keys as the second variable argument\n// to go down multiple levels in the nested map.\n// @param $map\n// @type map\n// @param $keys\n// @type list\n// @return map value\n@function map-fetch($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n// Map Set\n// An easy way to set a deep value in a multi-level map. By passing in a map,\n// value and keys to the original map value you want changed.\n// @param $map\n// @type map\n// @param $value\n// @type value\n// @param $keys\n// @type list\n// @return updated map value\n@function map-set($map, $value, $keys) {\n $maps: ($map,);\n $result: null;\n\n @if type-of(nth($keys, -1)) == \"map\" {\n @warn \"The last key you specified is a map; it will be overrided with `#{$value}`.\";\n }\n\n @if length($keys) == 1 {\n @return map-merge($map, ($keys: $value));\n }\n\n @for $i from 1 through length($keys) - 1 {\n $current-key: nth($keys, $i);\n $current-map: nth($maps, -1);\n $current-get: map-get($current-map, $current-key);\n @if $current-get == null {\n @error \"Key `#{$key}` doesn't exist at current level in map.\";\n }\n $maps: append($maps, $current-get);\n }\n\n @for $i from length($maps) through 1 {\n $current-map: nth($maps, $i);\n $current-key: nth($keys, $i);\n $current-val: if($i == length($maps), $value, $result);\n $result: map-merge($current-map, ($current-key: $current-val));\n }\n\n @return $result;\n}\n\n// Strip Units\n// Srtips the unit from a value. e.g. 12px -> 12.\n// @param $val\n// @type unit (pixel, em, percent, number)\n// @return number\n@function strip-units($val) {\n @return ($val / ($val * 0 + 1));\n}\n\n// Pixels to Ems\n// Converts a pixel value to ems.\n// @param $px\n// @type unit (pixel, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (em)\n@function px-to-em($px, $base : $base-font-size) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $px: ($px / $base) * 1em;\n @return strip-units($px) * 1em;\n}\n\n// Pixels to Rems\n// Converts a pixel value to rems.\n// @param $px\n// @type unit (pixel, number)\n// @return unit (rem)\n@function px-to-rem($px) {\n @if unitless($px) {\n $px: 1px * $px;\n }\n @if unitless($base-font-size) {\n $base-font-size: 1px * $base-font-size;\n }\n $px: ($px / $base-font-size) * 1rem;\n @return strip-units($px) * 1rem;\n}\n\n// Ems to Pixels\n// Converts an em value to pixels.\n// @param $px\n// @type unit (em, number)\n// @param $base-font-size\n// @type unit (pixel, number)\n// @default $base-font-size\n// @return unit (px)\n@function em-to-px($em, $base : $base-font-size) {\n @if unitless($em) {\n $em: 1em * $em;\n }\n @if unitless($base) {\n $base: 1px * $base;\n }\n $em: ($em * $base) / 1px;\n @return strip-units($em) * 1px;\n}\n","// Set file variable\n$filename: 'scss/elements/_lists.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @List Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$lists: (\n 'classes' : true,\n\n 'nth' : odd,\n 'margin' : 1rem 0,\n 'padding' : 1rem,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'lists') == true) {\n $lists: map-extend($lists, map-get($override, 'lists'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make List\n// Creates the base styles for a list modifer mixin or class. Usually applied\n// directly through a mixin or `%list-base` placeholder.\n// @param $options\n// @type map\n// @default $lists map\n@mixin make-list($options: ()) {\n $o: map-merge($lists, $options);\n\n list-style: none;\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n\n > li {\n margin: 0;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n @include clearfix();\n }\n\n}\n\n// Add List Rowed\n// Adds borders to a list that divide list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rowed($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:first-child {\n border-top: map-get($o, 'border');\n }\n\n}\n\n// Add List Bordered\n// Adds borders to a list that wraps the list and divides list items.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-bordered($options: ()) {\n $o: map-merge($lists, $options);\n\n border: map-get($o, 'border');\n\n > li {\n border-bottom: map-get($o, 'border');\n }\n > li:last-child {\n border-bottom: 0 none;\n }\n\n}\n\n// Add List Linked\n// Adds styles for a linked list where the padding is added to the anchor\n// element instead of the list item.\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-linked($options: ()) {\n $o: map-merge($lists, $options);\n\n > li {\n padding: 0;\n }\n > li > a {\n display: block;\n padding: map-get($o, 'padding');\n background-clip: padding-box;\n border: 0 none;\n @include clearfix();\n }\n\n}\n\n// Add List Rounded\n// Gives a list rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($lists('border-radius'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-rounded($radius: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n\n @include border-radius(map-get($o, 'border-radius'));\n > li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n > li:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n}\n\n// Add List Striped\n// Gives a list items alternating background colors.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($lists('nth'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-striped($nth: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n\n > li:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n\n}\n\n// Add List Hover\n// Gives list hover styles for list items.\n// @param $bg-hover\n// @type color\n// @default default ($lists('background-hover'))\n// @param $options\n// @type map\n// @default $lists map\n@mixin add-list-hover($bg-hover: default, $options: ()) {\n $o: map-merge($lists, $options);\n\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n\n > li {\n @include transition(background-color 0.25s linear);\n }\n > li:hover {\n background-color: map-get($o, 'background-hover');\n }\n\n}\n\n/*==============================================================================\n @Lists - #{$filename}\n==============================================================================*/\n\nul, ol {\n margin: 1em 0 1em 2em;\n padding: 0;\n ul, ol, li {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n}\n\n/**\n * Unordered Lists\n */\nul, ul ul ul ul {\n list-style: disc;\n}\nul ul {\n list-style: circle;\n}\nul ul ul {\n list-style: disc;\n}\n\n/**\n * Ordered Lists\n */\nol, ol ol ol ol {\n list-style: decimal;\n}\nol ol {\n list-style: lower-alpha;\n}\nol ol ol {\n list-style: lower-roman;\n}\n\n/**\n * Description Lists\n */\ndl {\n margin: 1em 0;\n dt {\n margin: 1em 0 0;\n font-weight: bold;\n color: $color-dark;\n }\n dd {\n margin: 0 0 1em 1em;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($lists, 'classes') == true) {\n\n/*==============================================================================\n @List Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Table Styles\n */\n.list {\n @include make-list();\n\n &.flush > li {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n/**\n * Border Modifiers\n */\n.list.rowed {\n @include add-list-rowed();\n}\n.list.bordered {\n @include add-list-bordered();\n}\n.list.linked {\n @include add-list-linked();\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.list.rounded {\n @include add-list-rounded();\n}\n.list.striped {\n @include add-list-striped();\n}\n.list.hover {\n @include add-list-hover();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_blockquotes.scss';\n\n/*==============================================================================\n @Blockquotes - #{$filename}\n==============================================================================*/\n\nblockquote {\n margin: 1rem 0;\n padding: 0.5em 1.5em;\n background: $bg-color;\n @include border-radius();\n \n footer,\n .blockquote-footer {\n display: block;\n position: relative;\n margin: 1rem 0;\n font-size: 100%;\n }\n}\n\n@include media-min('medium') {\n \n blockquote {\n padding: 1em 2em;\n }\n \n}\n","// Set file variable\n$filename: 'scss/elements/_code.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\ncode, pre {\n background: $bg-color;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n @include border-radius();\n}\ncode {\n display: inline;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n line-height: inherit;\n color: $red;\n background: none;\n}\npre {\n margin: 1.5rem 0;\n padding: 0.75rem;\n overflow: auto;\n color: $color-dark;\n\n code {\n display: block;\n margin: 0;\n padding: 0.75rem;\n overflow: auto;\n white-space: pre;\n font-size: 100%;\n color: inherit;\n background: none;\n border: 0 none;\n }\n &.max-height {\n max-height: 400px;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_tables.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$tables: (\n 'classes' : true,\n\n 'valign' : top,\n 'nth' : odd,\n 'stripe' : horizontal,\n\n 'margin' : 2em 0,\n 'padding-condensed' : 0.25em 0.5em,\n 'padding' : 0.5em 0.75em,\n 'padding-expanded' : 1em 1.25em,\n\n 'background' : none,\n 'background-stripe' : rgba($black, 0.05),\n 'background-hover' : $yellow-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tables') == true) {\n $tables: map-extend($tables, map-get($override, 'tables'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Table Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Table Base\n// Creates the base styles for a table modifer mixin or class. Usually applied\n// directly through a mixin or `%table-base` placeholder.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n background: map-get($o, 'background');\n border-collapse: separate;\n td, th {\n padding: map-get($o, 'padding');\n }\n}\n\n// Add Table Rowed\n// Adds borders to a table that divide table rows.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rowed($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-bottom: map-get($o, 'border');\n }\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td, th {\n border-top: map-get($o, 'border');\n }\n }\n }\n}\n\n// Add Table Columned\n// Adds borders to a table that divide table columns.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-columned($options: ()) {\n $o: map-merge($tables, $options);\n td, th {\n border-right: map-get($o, 'border');\n }\n tr {\n td:first-child, th:first-child {\n border-left: map-get($o, 'border');\n }\n }\n}\n\n// Add Table Bordered\n// Adds borders to a table that divide table cells.\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-bordered($options: ()) {\n $o: map-merge($tables, $options);\n @include add-table-rowed($o);\n @include add-table-columned($o);\n}\n\n// Add Table Size\n// Toggles a tables padding size between condensed, expanded or a custom\n// padding value.\n// @param $size\n// @type condensed | expanded | unit (pixel, em, percent)\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-size($size, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($size == condensed) {\n td, th {\n padding: map-get($o, 'padding-condensed');\n }\n } @else if ($size == expanded) {\n td, th {\n padding: map-get($o, 'padding-expanded');\n }\n } @else {\n td, th {\n padding: $size;\n }\n }\n}\n\n// Add Table Rounded\n// Gives a table rounded borders depending on parameters passed.\n// @param $radius\n// @type unit (pixel, percent)\n// @default default ($tables('border-radius'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-rounded($radius: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($radius != default) {\n $o: map-merge($o, ('border-radius': $radius));\n }\n @include border-radius(map-get($o, 'border-radius'));\n thead:first-child,\n tfoot:first-child,\n tbody:first-child {\n tr:first-child {\n td:first-child, th:first-child {\n @include border-radius-top-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-top-right(map-get($o, 'border-radius'));\n }\n }\n }\n thead:last-child,\n tfoot:last-child,\n tbody:last-child {\n tr:last-child {\n td:first-child, th:first-child {\n @include border-radius-bottom-left(map-get($o, 'border-radius'));\n }\n td:last-child, th:last-child {\n @include border-radius-bottom-right(map-get($o, 'border-radius'));\n }\n }\n }\n}\n\n// Add Table Stripes\n// Gives a table stripes either vertical or horizontal depending on\n// parameters passed.\n// @param $nth\n// @type nth (odd, even)\n// @default default ($tables('nth'))\n// @param $dir\n// @type orientation of stripes (vertical, horizontal)\n// @default default ($tables('stripe'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-stripes($nth: default, $dir: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($nth != default) {\n $o: map-merge($o, ('nth': $nth));\n }\n @if ($dir != default) {\n $o: map-merge($o, ('stripe': $dir));\n }\n @if (map-get($o, 'stripe') == vertical) {\n tr {\n td:nth-of-type(#{map-get($o, 'nth')}),\n th:nth-of-type(#{map-get($o, 'nth')}) {\n background-color: map-get($o, 'background-stripe');\n }\n }\n } @else {\n tbody tr:nth-of-type(#{map-get($o, 'nth')}) {\n td, th {\n background-color: map-get($o, 'background-stripe');\n }\n }\n }\n}\n\n// Add Table Hover\n// Gives table hover styles for rows.\n// @param $bg-hover\n// @type color\n// @default default ($tables('background-hover'))\n// @param $options\n// @type map\n// @default $tables map\n@mixin add-table-hover($bg-hover: default, $options: ()) {\n $o: map-merge($tables, $options);\n @if ($bg-hover != default) {\n $o: map-merge($o, ('background-hover': $bg-hover));\n }\n tbody tr td {\n @include transition(background-color 0.25s linear);\n }\n tbody tr:hover td {\n background-color: map-get($o, 'background-hover');\n }\n}\n\n// Add Table Alignment\n// Sets the vertical and text alignment of a table if a parameter is passed.\n// @param $options\n// @type map ('vertical-align', 'text-align')\n// @default map (none, none)\n@mixin add-table-alignment($options: ()) {\n $o: map-merge((\n 'vertical-align' : none,\n 'text-align' : none,\n ), $options);\n @if (map-get($o, 'vertical-align') != none) {\n tr {\n vertical-align: map-get($o, 'vertical-align');\n }\n }\n @if (map-get($o, 'text-align') != none) {\n tr td, tr th {\n text-align: map-get($o, 'text-align');\n }\n }\n}\n\n// Make Table Responsive\n// When added to a wrapping element of a table, will make the table responsive\n// for tablets and below.\n// @param $options\n// @type map\n// @default $tables map\n@mixin make-table-responsive($options: ()) {\n $o: map-merge($tables, $options);\n margin: map-get($o, 'margin');\n > table {\n margin: 0;\n }\n @include media-max('medium') {\n overflow: auto;\n > table td,\n > table th {\n white-space: nowrap;\n }\n }\n}\n\n/*==============================================================================\n @Tables - #{$filename}\n==============================================================================*/\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin: 1rem 0;\n overflow: auto;\n\n tr {\n vertical-align: map-get($tables, 'valign');\n }\n th {\n color: $color-heading;\n font-weight: bold;\n text-align: left;\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tables, 'classes') == true) {\n\n/*==============================================================================\n @Table Modifiers - #{$filename}\n==============================================================================*/\n\n/**\n * Base Modifiers Styles\n */\n.table {\n @include make-table();\n}\n\n/**\n * Border Variations\n */\n.table.rowed {\n @include add-table-rowed();\n}\n.table.columned {\n @include add-table-columned();\n}\n.table.bordered {\n @include add-table-bordered();\n}\n\n/**\n * Padding Variations\n */\n.table.condensed {\n @include add-table-size(condensed);\n}\n.table.expanded {\n @include add-table-size(expanded);\n}\n\n/**\n * Miscellaneous Modifiers\n */\n.table.rounded {\n @include add-table-rounded();\n}\n.table.striped {\n @include add-table-stripes();\n}\n.table.striped-horizontal {\n @include add-table-stripes(default, horizontal);\n}\n.table.striped-vertical {\n @include add-table-stripes(default, vertical);\n}\n.table.hover {\n @include add-table-hover();\n}\n\n/**\n * Table Alignment Modifiers\n */\n.table.valign-baseline {\n @include add-table-alignment(('vertical-align': baseline));\n}\n.table.valign-top {\n @include add-table-alignment(('vertical-align': top));\n}\n.table.valign-middle {\n @include add-table-alignment(('vertical-align': middle));\n}\n.table.valign-bottom {\n @include add-table-alignment(('vertical-align': bottom));\n}\n.table.align-left {\n @include add-table-alignment(('text-align': left));\n}\n.table.align-center {\n @include add-table-alignment(('text-align': center));\n}\n.table.align-right {\n @include add-table-alignment(('text-align': right));\n}\n\n/**\n * Responsive Tables\n */\n.table-responsive {\n @include make-table-responsive();\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_images.scss';\n\n/*==============================================================================\n @Images - #{$filename}\n==============================================================================*/\n\nimg {\n display: block;\n margin: 1rem 0;\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Alignment Modifiers\n */\nimg.align-center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\np img.align-center {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nimg.align-left {\n float: left;\n margin: 1rem 1.5rem 1rem 0;\n}\np img.align-left {\n margin-top: 0;\n \n}\n\nimg.align-right {\n float: right;\n margin: 1rem 0 1rem 1.5rem;\n}\np img.align-right {\n margin-top: 0;\n}\n\n/**\n * Stylistic Modifiers\n */\nimg.rounded { \n @include border-radius( $border-radius );\n}\nimg.circle { \n @include border-radius( 50% );\n}\nimg.polaroid { \n background: $white;\n background-clip: padding-box;\n padding: 0.5rem;\n border: 1px solid rgba($black, 0.2);\n @include box-shadow( 0 1px 3px rgba($black, 0.1) );\n}\n","// Set file variable\n$filename: 'scss/elements/_rules.scss';\n\n/*==============================================================================\n @Rules - #{$filename}\n==============================================================================*/\n\nhr {\n display: block;\n height: 0;\n width: 100%;\n clear: both;\n margin: 2rem 0;\n padding: 0;\n background: none;\n border: 0 none;\n border-bottom: 1px solid $border-color;\n}\n\n/**\n * Stylistic Modifiers\n */\nhr.dotted {\n border-bottom: 1px dotted rgba($black, 0.25);\n}\nhr.dashed {\n border-bottom: 1px dashed rgba($black, 0.25);\n}\nhr.double {\n border-bottom: 3px double $border-color;\n}\n","// Set file variable\n$filename: 'scss/elements/_forms.scss';\n\n// Dependencies\n// ---\n// @mixin build-grid-system() - scss/core/_grid.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Variables\n////////////////////////////////////////////////////////////////////////////////\n\n$forms: (\n 'vertical-spacing' : 1.5em,\n 'vertical-align' : 0.75em,\n 'font-family' : inherit,\n 'base-font-size' : 1em,\n 'base-line-height' : 1.5em,\n 'font-size' : 1em,\n 'line-height' : 1.5em,\n 'color' : $color,\n 'color-label' : $color-dark,\n 'color-placeholder' : #aaa,\n 'color-select-arrow' : $color-dark,\n 'border-radius' : $border-radius,\n\n 'input' : (\n 'padding' : 0.75em,\n 'background' : rgba($white, 0.5),\n 'border' : 1px solid rgba($black, 0.2),\n 'box-shadow' : (0 1px 3px rgba($black, 0), inset 0 1px 3px rgba($black, 0.05)),\n\n 'focus' : (\n 'background': rgba($white, 1),\n 'border': 1px solid rgba($blue, 1),\n 'box-shadow': (0 1px 3px rgba($black, 0.05), inset 0 1px 3px rgba($black, 0)),\n )\n ),\n\n 'choice' : (\n 'padding' : 0.75em 0.75em 0.75em 2.25em,\n 'background' : rgba($black, 0.05),\n 'border' : 1px solid transparent,\n 'box-shadow' : none,\n )\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'forms') == true) {\n $forms: map-extend($forms, map-get($override, 'forms'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Form Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Placeholder\n// Sets the placeholder text color for input fields that use the\n// placeholder attribute.\n// @param $color\n// @type color\n// @default $forms('color-placeholder')\n// @param $options\n// @type map\n// @default $forms map\n@mixin placeholder($color: default, $options: ()) {\n $o: map-merge($forms, $options);\n\n @if ($color != default) {\n $o: map-merge($o, ('color-placeholder': $color));\n }\n\n &::-webkit-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &::-moz-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n &:-ms-input-placeholder {\n color: map-get($o, 'color-placeholder');\n }\n}\n\n// Make Form Group Base\n// Creates the styles for a base form group by applying vertical spacing.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-base($options: ()) {\n $o: map-merge($forms, $options);\n\n margin-bottom: map-get( $o, 'vertical-spacing' );\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Make Form Group Inline\n// Creates the styles for making an inline form group element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-form-group-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n @include clearfix();\n margin-right: -(map-get( $forms, 'vertical-align' ));\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n &:last-child {\n margin-bottom: -(map-get( $o, 'vertical-spacing' ) / 2);\n }\n}\n\n// Make Input Inline\n// Creates the styles for making an inline form element.\n// @param $options\n// @type map\n// @default $forms map\n@mixin make-input-inline($options: ()) {\n $o: map-merge($forms, $options);\n\n float: left;\n width: auto;\n margin-right: map-get( $o, 'vertical-align' );\n margin-bottom: map-get( $o, 'vertical-spacing' ) / 2;\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n}\n\n/*==============================================================================\n @Form Structure - #{$filename}\n==============================================================================*/\n\n/**\n * Form Structure Elements\n */\nform {\n margin: (map-get( $forms, 'vertical-spacing' ) * 1.5) 0;\n font-size: map-get($forms, 'base-font-size');\n line-height: map-get($forms, 'base-line-height');\n}\n\n/**\n * Fieldset\n */\nfieldset {\n margin: map-get( $forms, 'vertical-spacing' ) 0;\n padding: 0;\n border: 0 none;\n}\n\n/**\n * Legends\n */\nlegend {\n display: inline-block;\n margin: 0 -(map-get( $forms, 'vertical-spacing' ) / 2) (map-get( $forms, 'vertical-spacing' ) / 2);\n padding: 0 (map-get( $forms, 'vertical-spacing' ) / 2);\n font-size: px-to-em(22px);\n line-height: 1.5em;\n font-weight: bold;\n color: map-get( $forms, 'color-label' );\n border: 0 none;\n}\n\nform {\n .row {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .row:last-child {\n margin-bottom: 0;\n }\n .col {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n }\n .col:last-child {\n margin-bottom: 0;\n }\n}\n\n@include media-min('medium') {\n form .col {\n margin-bottom: 0;\n }\n}\n\n/*==============================================================================\n @Form Groups - #{$filename}\n==============================================================================*/\n\n/**\n * Form Group\n */\n.form-group {\n @include make-form-group-base();\n}\n.form-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n .form-group,\n .input-group {\n display: inline-block;\n vertical-align: top;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/**\n * Header Group\n */\n.form-header {\n @include make-form-group-base();\n color: $color-light;\n\n h1, h2, h3, h4, h5, h6 {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: (map-get($forms, 'font-size') * 1.4);\n line-height: 1.2em;\n }\n p {\n margin: (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n color: $color-light;\n }\n}\n\n/**\n * Action Group\n */\n.form-action {\n @include make-form-group-base();\n @include clearfix();\n\n .button,\n .input-align {\n float: left;\n margin: 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n @if ($class-float-right != none) {\n &.#{$class-float-right} {\n float: right;\n }\n }\n }\n .input-align {\n margin-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n\n &.form-action-center {\n text-align: center;\n\n .button,\n .input-align {\n display: inline-block;\n float: none;\n\n }\n }\n}\n\n/**\n * Input Group\n */\n.input-group {\n @include make-form-group-base();\n}\n.input-group.inline {\n @include make-form-group-inline();\n\n > * {\n @include make-input-inline();\n }\n}\n\n/*==============================================================================\n @Form Elements - #{$filename}\n==============================================================================*/\n\n/**\n * Labels\n */\nlabel {\n display: inline-block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 3) 0;\n font-size: map-get($forms, 'font-size');\n line-height: map-get($forms, 'line-height');\n font-weight: 600;\n color: map-get( $forms, 'color-label' );\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.sub {\n font-weight: normal;\n }\n &.hide {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n }\n &.block {\n display: block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n &.inline {\n display: inline-block;\n padding-top: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n.inline {\n label.block,\n label.inline {\n padding-bottom: map-get( $forms, 'vertical-align' );\n border-top: map-fetch( $forms, 'input', 'border' );\n border-color: transparent;\n }\n}\n\n/**\n * Base Inputs\n */\n.input,\n.checkbox,\n.radio,\n.choice {\n position: relative;\n display: block;\n width: 100%;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/**\n * Text Inputs\n */\n.input {\n padding: map-fetch( $forms, 'input', 'padding' );\n font-family: map-get( $forms, 'font-family' );\n font-size: map-get( $forms, 'font-size' );\n line-height: map-get( $forms, 'line-height' );\n color: map-get( $forms, 'color' );\n background-color: map-fetch( $forms, 'input', 'background' );\n border: map-fetch( $forms, 'input', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'box-shadow' );\n @include box-sizing(border-box);\n @include border-radius(map-get( $forms, 'border-radius' ));\n @include placeholder();\n @include transition(border-color 0.25s, background-color 0.25s, box-shadow 0.25s);\n\n &:focus {\n outline: none;\n background-color: map-fetch( $forms, 'input', 'focus', 'background' );\n border: map-fetch( $forms, 'input', 'focus', 'border' );\n box-shadow: map-fetch( $forms, 'input', 'focus', 'box-shadow' );\n }\n\n &.disabled,\n &[readonly],\n &[disabled] {\n opacity: 0.5;\n background: rgba($black, 0.05);\n }\n}\n\n/**\n * Checkbox, Radio & Choice Classes\n */\n.checkbox,\n.radio,\n.choice {\n cursor: pointer;\n color: $color;\n font-weight: normal;\n\n &.disabled {\n opacity: 0.5;\n }\n}\n.choice {\n padding: map-fetch( $forms, 'choice', 'padding' );\n background: map-fetch( $forms, 'choice', 'background' );\n border: map-fetch( $forms, 'choice', 'border' );\n box-shadow: map-fetch( $forms, 'choice', 'box-shadow' );\n @include border-radius(map-get( $forms, 'border-radius' ));\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n position: absolute;\n top: auto;\n margin: 5px 0 0 -20px;\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n position: relative;\n top: -1px;\n margin: 0 5px 0 0;\n}\n\n/**\n * Other Inputs\n */\ninput[type=\"file\"],\ninput[type=\"range\"] {\n display: block;\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n}\ninput[type=\"range\"] {\n width: 100%;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\ninput[type=\"color\"].input {\n width: 3.125rem;\n height: 3.125rem;\n padding: (map-fetch( $forms, 'input', 'padding' ) / 3);\n}\n\n/**\n * Textarea\n */\ntextarea.input {\n height: auto;\n max-width: 100%;\n}\n\n/**\n * Select\n */\nselect.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image/svg+xml;utf8,\");\n background-position: 100% center;\n background-repeat: no-repeat;\n padding-right: 30px;\n}\nselect[multiple].input,\nselect[size].input {\n height: auto;\n padding: map-fetch( $forms, 'input', 'padding' );\n background-image: none;\n}\n\n/*==============================================================================\n @Form Utilities - #{$filename}\n==============================================================================*/\n\n/**\n * Notes\n */\n.note {\n margin-bottom: map-get( $forms, 'vertical-spacing' ) / 2;\n font-size: map-get($forms, 'font-size');\n color: $color-light;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n p {\n margin: 0 0 (map-get( $forms, 'vertical-spacing' ) / 2) 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\nlabel + .note {\n margin-top: 0;\n}\n.form-group + .note,\n.input-group + .note {\n margin-top: -(map-get( $forms, 'vertical-spacing' ) / 2);\n}\n\n/**\n * Required Classes\n */\n.req {\n color: $red;\n}\n\n/**\n * Inline Inputs\n */\nlabel.inline,\n.button.inline,\n.input.inline,\n.checkbox.inline,\n.radio.inline,\n.choice.inline,\n.inline label,\n.inline .button,\n.inline .input,\n.inline .checkbox,\n.inline .radio,\n.inline .choice {\n @include make-input-inline();\n}\n\n/**\n * Disabled\n */\n.disabled,\nfieldset[disabled] {\n input[type=\"file\"],\n input[type=\"range\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n .input,\n .checkbox,\n .radio,\n .choice {\n opacity: 0.5;\n }\n .input {\n background: rgba($black, 0.05);\n }\n}\n\n/*==============================================================================\n @Validation States - #{$filename}\n==============================================================================*/\n\n/**\n * Success\n */\n// Success class applied to elements\n.input {\n &.success {\n border-color: $green;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.success {\n color: $green-900;\n }\n}\n.choice {\n &.success {\n background-color: $green-50;\n }\n}\n\n// Success class applied to wrapper\n.success {\n .input {\n border-color: $green;\n }\n .checkbox,\n .radio,\n .note {\n color: $green-900;\n }\n .choice {\n background-color: $green-50;\n }\n}\n\n/**\n * Warning\n */\n// Warning class applied to elements\n.input {\n &.warning {\n border-color: $yellow-700;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.warning {\n color: $yellow-700;\n }\n}\n.choice {\n &.warning {\n background-color: $yellow-100;\n }\n}\n\n// Warning class applied to wrapper\n.warning {\n .input {\n border-color: $yellow-700;\n }\n .checkbox,\n .radio,\n .note {\n color: $yellow-700;\n }\n .choice {\n background-color: $yellow-100;\n }\n}\n\n/**\n * Error\n */\n// Error class applied to elements\n.input {\n &.error {\n border-color: $red;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.error {\n color: $red-900;\n }\n}\n.choice {\n &.error {\n background-color: $red-50;\n }\n}\n\n// Error class applied to wrapper\n.error {\n .input {\n border-color: $red;\n }\n .checkbox,\n .radio,\n .note {\n color: $red-900;\n }\n .choice {\n background-color: $red-50;\n }\n}\n\n/**\n * Active\n */\n// Active class applied to elements\n.input {\n &.active {\n border-color: $blue;\n }\n}\n.checkbox,\n.radio,\n.note {\n &.active {\n color: $blue-900;\n }\n}\n.choice {\n &.active {\n background-color: $blue-50;\n }\n}\n\n// Active class applied to wrapper\n.active {\n .input {\n border-color: $blue;\n }\n .checkbox,\n .radio,\n .note {\n color: $blue-900;\n }\n .choice {\n background-color: $blue-50;\n }\n}\n","// Set file variable\n$filename: 'scss/elements/_buttons.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Buttons Map\n////////////////////////////////////////////////////////////////////////////////\n\n$buttons: (\n 'classes' : true,\n\n 'padding' : 0.75em 1.5em,\n 'padding-small' : 0.5em 1.25em,\n 'padding-large' : null,\n\n 'font-family' : inherit,\n 'font-size' : 1em,\n 'font-size-small' : 0.85em,\n 'font-size-large' : 1.4em,\n 'line-height' : 1.5em,\n 'color' : $color-dark,\n 'font-weight' : inherit,\n 'text-shadow' : none,\n\n 'background' : $white,\n 'background-gradient' : false,\n 'background-deg' : 5%,\n 'background-clip' : border-box,\n 'box-shadow' : inset 0 0 0 rgba($black, 0),\n\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n\n 'transition-property' : (color, background-color, box-shadow, border-color),\n 'transition-duration' : 0.75s,\n 'transition-timing-function' : linear,\n\n 'hover' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.1),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0.1s,\n ),\n\n 'active' : (\n 'color' : default,\n 'background' : darken,\n 'box-shadow' : inset 0 1px 3px rgba($black, 0.2),\n 'border-color' : rgba($black, 0.25),\n 'transition-duration' : 0,\n ),\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'buttons') == true) {\n $buttons: map-extend($buttons, map-get($override, 'buttons'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button\n// Creates the base styles for a button modifer mixin or class. Usually applied\n// directly through a base list class, mixin or an extend placeholder.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin make-button($options: ()) {\n $o: map-merge($buttons, $options);\n\n cursor: pointer;\n display: inline-block;\n outline: none;\n margin: 0;\n padding: map-get($o, 'padding');\n\n font-family: map-get($o, 'font-family');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n font-weight: map-get($o, 'font-weight');\n color: map-get($o, 'color');\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n vertical-align: top;\n\n background: none;\n box-shadow: map-get($o, 'box-shadow');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-get($o, 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n\n &:hover, &:focus {\n color: map-get($o, 'color');\n text-decoration: none;\n background: none;\n box-shadow: map-fetch($o, 'hover', 'box-shadow');\n border-color: map-fetch($o, 'hover', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'hover', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n &:active {\n color: map-get($o, 'color');\n background: none;\n box-shadow: map-fetch($o, 'active', 'box-shadow');\n border-color: map-fetch($o, 'active', 'border-color');\n @include transition-property(map-get($o, 'transition-property'));\n @include transition-duration(map-fetch($o, 'active', 'transition-duration'));\n @include transition-timing-function(map-get($o, 'transition-timing-function'));\n }\n\n}\n\n// Add Button Color\n// Handles all the color variations of a button such as color, text-shadow,\n// background and border color.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-color($options: ()) {\n $o: map-extend($buttons, $options, true);\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n\n @if (map-get($o, 'background-gradient') == true) {\n @include linear-gradient(top, map-get($o, 'background'), darken(map-get($o, 'background'), map-get($o, 'background-deg')));\n background-repeat: repeat-x;\n background-position: 0 100%;\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-get($o, 'background');\n }\n\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n\n &:hover, &:focus {\n @if (map-fetch($o, 'hover', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'hover', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'hover', 'background') == darken) {\n background-color: darken(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'hover', 'background') == lighten) {\n background-color: lighten(map-get($o, 'background'), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'hover', 'background');\n }\n }\n border-color: map-fetch($o, 'hover', 'border-color');\n }\n\n &:active {\n @if (map-fetch($o, 'active', 'color') == default) {\n color: map-get($o, 'color');\n } @else {\n color: map-fetch($o, 'active', 'color');\n }\n @if (map-get($o, 'background-gradient') == true) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n background-position: 0 -40px;\n } @else {\n @if (map-fetch($o, 'active', 'background') == darken) {\n background-color: darken(darken(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else if (map-fetch($o, 'active', 'background') == lighten) {\n background-color: lighten(lighten(map-get($o, 'background'), map-get($o, 'background-deg')), map-get($o, 'background-deg'));\n } @else {\n background-color: map-fetch($o, 'active', 'background');\n }\n }\n border-color: map-fetch($o, 'active', 'border-color');\n }\n\n}\n\n// Add Button Size\n// Handles size variations for buttons. This is done by changing the padding,\n// font-size and line-height based on the parameters passed.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-size($size, $options: ()) {\n $o: map-merge($buttons, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($buttons, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($buttons, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($buttons, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Button Block\n// Makes the button block with 100% width. This is typically used for mobile\n// friendly buttons.\n// @param $options\n// @type map\n// @default $buttons map\n@mixin add-button-block($options: ()) {\n $o: map-merge($buttons, $options);\n\n display: block;\n width: 100%;\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($buttons, 'classes') == true) {\n\n/*==============================================================================\n @Buttons - #{$filename}\n==============================================================================*/\n\n/**\n * Base Button\n */\n.button {\n @include make-button();\n @include add-button-color((\n 'background-deg' : 2%,\n ));\n\n &.inverted {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $color,\n 'border' : 1px solid rgba($white, 0.15),\n 'background-deg' : 2%,\n 'background-clip' : border-box,\n 'hover' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n ),\n 'active' : (\n 'background': lighten,\n 'border-color' : rgba($white, 0.25),\n )\n ));\n }\n\n &.clip-border {\n background-clip: border-box;\n }\n &.clip-padding {\n background-clip: padding-box;\n }\n}\n\n/**\n * Button Color\n */\n.button.default {\n @include add-button-color((\n 'background' : #efefef,\n 'background-deg' : 2%,\n ));\n}\n.button.blue {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $blue,\n ));\n}\n.button.green {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $green,\n ));\n}\n.button.orange {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $orange,\n ));\n}\n.button.red {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $red,\n ));\n}\n.button.black {\n @include add-button-color((\n 'color' : $white,\n 'text-shadow' : 0 1px 1px rgba($black, 0.25),\n 'background' : $gray,\n 'hover' : (\n 'background': lighten\n ),\n 'active' : (\n 'background': lighten\n ),\n ));\n}\n\n// Semantic button classes\n.button.primary,\n.button.active {\n @extend .button.blue;\n}\n.button.secondary {\n @extend .button.black;\n}\n.button.success {\n @extend .button.green;\n}\n.button.warning {\n @extend .button.orange;\n}\n.button.danger {\n @extend .button.red;\n}\n\n/**\n * Button Utility Classes\n */\n.button.small {\n @include add-button-size(small);\n}\n.button.large {\n @include add-button-size(large);\n}\n\n.button.block {\n @include add-button-block();\n}\n\n.button.clip-padding {\n background-clip: padding-box;\n}\n.button.clip-border {\n background-clip: border-box;\n}\n\n.button.close {\n @include size(1.5em);\n padding: 0;\n font-size: 1.5em;\n line-height: 1.5em;\n vertical-align: middle;\n background: none;\n border: 0 none;\n box-shadow: none;\n border-radius: 50%;\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/elements/_videos.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Videos Map\n////////////////////////////////////////////////////////////////////////////////\n\n$videos: (\n 'classes' : true,\n 'margin' : 2em 0,\n 'ratio' : 56.25%\n) !default; // The default video ratio (56.25% = 16 by 9)\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'videos') == true) {\n $videos: map-extend($videos, map-get($override, 'videos'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Aspect Ratio\n// Returns the aspect ratio in the form of a percentage.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n// @return height percentage of aspect ratio\n@function aspect-ratio($width, $height) {\n @return (($height / $width) * 100%);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Video Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Video Fluid\n// Adds styles for creating fluid videos. Should be applied to a wrapping\n// element of a video.\n// @param $options\n// @type map\n// @default $video map\n@mixin make-video-fluid($options: ()) {\n $o: map-merge($videos, $options);\n\n position: relative;\n\tdisplay: block;\n\theight: 0;\n\tmargin: map-get($o, 'margin');\n\tpadding-bottom: map-get($o, 'ratio');\n\toverflow: hidden;\n\n .video-item,\n embed,\n iframe,\n object,\n video {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n \tborder: 0 none;\n }\n}\n\n// Add Video Ratio\n// Creates a ratio class using an aspect width and height. You can optionally\n// output the bottom padding or a class with the bottom padding.\n// @param $width\n// @type width aspect ratio (number)\n// @param $height\n// @type height aspect ratio (number)\n@mixin build-video-ratio($width, $height) {\n .ratio-#{$width}x#{$height} {\n padding-bottom: aspect-ratio($width, $height);\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($videos, 'classes') == true) {\n\n/*==============================================================================\n @Video - #{$filename}\n==============================================================================*/\n\n.video-wrapper {\n\t@include make-video-fluid();\n}\n\n/**\n * Video Ratios\n */\n.video-wrapper {\n\t@include build-video-ratio(16, 9);\n @include build-video-ratio(4, 3);\n @include build-video-ratio(3, 2);\n}\n\n} // endif\n","// Set file variable\n$filename: 'scss/blocks/_button-groups.scss';\n\n// Dependencies\n// @module Buttons Element - scss/elements/_buttons.scss\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Map\n////////////////////////////////////////////////////////////////////////////////\n\n$button-groups: (\n 'classes' : true,\n 'classes-extend' : true,\n 'classes-stack' : true,\n\n 'class-group' : 'button-group',\n 'class-wrapper' : 'button-group-wrapper',\n 'class-has' : map-get($mini-grid, 'class-has'),\n 'class-is' : map-get($mini-grid, 'class-is'),\n\n 'border-width': 1px,\n\n 'fractions' : map-get($mini-grid, 'fractions'),\n 'spacing' : 1em,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'button-groups') == true) {\n $button-groups: map-extend($button-groups, map-get($override, 'button-groups'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Button Groups Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Button Group\n// Creates the base styles for button groups.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group($options: ()) {\n $o: map-merge($button-groups, $options);\n\n vertical-align: middle;\n margin: 0;\n @include clearfix();\n\n > .button {\n position: relative;\n z-index: 1;\n margin: 0;\n\n &:hover {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n &:active {\n z-index: 4;\n }\n &.active {\n z-index: 5;\n }\n }\n}\n\n// Add Button Group Styles\n// Adds button styles based on orientation and display type provided.\n// @param $orientation\n// @type horizontal | vertical\n// @default null\n// @param $display\n// @type inline | block\n// @default null\n// @param $has\n// @type number\n// @default null\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin add-button-group-style($orientation: null, $display: null, $has: null, $options: ()) {\n $o: map-merge($button-groups, $options);\n\n // Inline or Block\n @if ($display == 'inline') {\n\n display: inline-block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: 0;\n margin-left: (map-get($o, 'spacing') * 0.75);\n }\n\n } @else if ($display == 'block') {\n\n display: block;\n float: none;\n\n + .#{map-get($o, 'class-group')} {\n margin-top: map-get($o, 'spacing');\n margin-left: 0;\n }\n\n }\n\n // Horizontal or Vertical\n @if ($orientation == 'horizontal') {\n\n @include add-button-group-has($has);\n\n > .button {\n display: inline-block;\n float: left;\n border-radius: 0;\n\n + .button {\n margin-top: 0;\n margin-left: -(map-get($o, 'border-width')); // Border width of buttons\n }\n\n &:first-child {\n @include border-radius-top(0);\n @include border-radius-left(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(0);\n @include border-radius-right(map-get($buttons, 'border-radius'));\n }\n }\n\n } @else if ($orientation == 'vertical' ) {\n\n margin-right: 0;\n\n > .button {\n display: block;\n width: 100%;\n float: none;\n border-radius: 0;\n\n + .button {\n margin-top: -(map-get($o, 'border-width')); // Border width of buttons\n margin-left: 0;\n }\n\n &:first-child {\n @include border-radius-left(0);\n @include border-radius-top(map-get($buttons, 'border-radius'));\n }\n &:last-child {\n @include border-radius-right(0);\n @include border-radius-bottom(map-get($buttons, 'border-radius'));\n }\n }\n }\n}\n\n// Add Button Group Has\n// Adds the button width and right margin for a horizontal block button group.\n// @param $has\n// @type number\n// @default null\n@mixin add-button-group-has($has: null) {\n @if ($has) {\n margin-right: -(map-get($button-groups, 'border-width') * ($has - 1));\n > .button {\n width: (100% / $has);\n }\n } @else {\n margin-right: 0;\n > .button {\n width: auto;\n }\n }\n}\n\n// Build Button Group Mini-Grid Modifiers\n// Builds the modifier classes for button groups mini grid system.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-mini-grid-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n .#{map-get($o, 'class-group')}.fluid {\n display: table;\n width: 100%;\n > * {\n display: table-cell;\n }\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')} > .button.#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i} > .button {\n width: (100% / $i);\n }\n }\n\n @for $i from 2 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-#{$i},\n .#{map-get($o, 'class-group')}.#{map-get($o, 'class-has')}-margin-#{$i} {\n margin-right: -(map-get($o, 'border-width') * ($i - 1)); // Border width of button * the number of buttons minus one.\n }\n }\n}\n\n// Build Button Group Stack Modifiers\n// Builds the modifier classes for applying vertical block styles to a button\n// group based on screen size.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin build-button-group-stack-modifiers($options: ()) {\n $o: map-merge($button-groups, $options);\n\n @include media-max('small') {\n .#{map-get($o, 'class-group')}.stack-for-tiny {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('medium') {\n .#{map-get($o, 'class-group')}.stack-for-small {\n @include add-button-group-style(vertical, block);\n }\n }\n @include media-max('large') {\n .#{map-get($o, 'class-group')}.stack-for-medium {\n @include add-button-group-style(vertical, block);\n }\n }\n}\n\n// Make Button Group Wrapper\n// Creates the styles for a button group wrapper.\n// @param $options\n// @type map\n// @default $button-groups map\n@mixin make-button-group-wrapper($options: ()) {\n $o: map-merge($button-groups, $options);\n\n display: block;\n margin: 0 0 (-(map-get($o, 'spacing'))) (-(map-get($o, 'spacing')));\n @include clearfix();\n\n > .button,\n .#{map-get($o, 'class-group')} {\n float: left;\n @include float-modifiers();\n }\n\n .#{map-get($o, 'class-group')}.block {\n float: none;\n clear: both;\n }\n\n %button-group-wrapper-margins {\n margin-top: 0;\n margin-left: map-get($o, 'spacing');\n margin-bottom: map-get($o, 'spacing');\n }\n\n > .button,\n .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block,\n .#{map-get($o, 'class-group')} + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.block + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n\n @if (map-get($button-groups, 'classes-stack') == true) {\n .#{map-get($o, 'class-group')}.stack-for-small,\n .#{map-get($o, 'class-group')}.stack-for-mobile,\n .#{map-get($o, 'class-group')}.stack-for-tablet,\n .#{map-get($o, 'class-group')}.stack-for-small + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-mobile + .#{map-get($o, 'class-group')},\n .#{map-get($o, 'class-group')}.stack-for-tablet + .#{map-get($o, 'class-group')} {\n @extend %button-group-wrapper-margins;\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($button-groups, 'classes') == true) {\n\n/*==============================================================================\n @Button Groups - #{$filename}\n==============================================================================*/\n\n.#{map-get($button-groups, 'class-group')} {\n @include make-button-group();\n @include add-button-group-style(horizontal, inline);\n}\n\n/**\n * Button Group Modifiers\n */\n.#{map-get($button-groups, 'class-group')}.block {\n @include add-button-group-style($display: block);\n}\n.#{map-get($button-groups, 'class-group')}.vertical {\n @include add-button-group-style($orientation: vertical);\n}\n\n/**\n * Mini-Grid Modifiers\n */\n@include build-button-group-mini-grid-modifiers();\n\n@if (map-get($button-groups, 'classes-stack') == true) {\n/**\n * Stack Modifiers\n */\n@include build-button-group-stack-modifiers();\n\n} // endif classes-stack\n\n/**\n * Button Group Wrapper\n */\n.#{map-get($button-groups, 'class-wrapper')} {\n @include make-button-group-wrapper();\n}\n\n@if (map-get($button-groups, 'classes-extend') == true) {\n// Button Group Extends\n// Adding these button modifier classes to a button group will apply them to\n// children buttons\n\n// Color\n.#{map-get($button-groups, 'class-group')}.default,\n.#{map-get($button-groups, 'class-wrapper')}.default {\n .button {\n @extend .button.default;\n }\n}\n.#{map-get($button-groups, 'class-group')}.blue,\n.#{map-get($button-groups, 'class-group')}.primary,\n.#{map-get($button-groups, 'class-group')}.active,\n.#{map-get($button-groups, 'class-wrapper')}.blue,\n.#{map-get($button-groups, 'class-wrapper')}.primary,\n.#{map-get($button-groups, 'class-wrapper')}.active {\n .button {\n @extend .button.blue;\n }\n}\n.#{map-get($button-groups, 'class-group')}.black,\n.#{map-get($button-groups, 'class-group')}.secondary,\n.#{map-get($button-groups, 'class-wrapper')}.black,\n.#{map-get($button-groups, 'class-wrapper')}.secondary {\n .button {\n @extend .button.black;\n }\n}\n.#{map-get($button-groups, 'class-group')}.green,\n.#{map-get($button-groups, 'class-group')}.success,\n.#{map-get($button-groups, 'class-wrapper')}.green,\n.#{map-get($button-groups, 'class-wrapper')}.success {\n .button {\n @extend .button.green;\n }\n}\n.#{map-get($button-groups, 'class-group')}.orange,\n.#{map-get($button-groups, 'class-group')}.warning,\n.#{map-get($button-groups, 'class-wrapper')}.orange,\n.#{map-get($button-groups, 'class-wrapper')}.warning {\n .button {\n @extend .button.orange;\n }\n}\n.#{map-get($button-groups, 'class-group')}.red,\n.#{map-get($button-groups, 'class-group')}.danger,\n.#{map-get($button-groups, 'class-wrapper')}.red,\n.#{map-get($button-groups, 'class-wrapper')}.danger {\n .button {\n @extend .button.red;\n }\n}\n\n// Size\n.#{map-get($button-groups, 'class-group')}.small,\n.#{map-get($button-groups, 'class-wrapper')}.small {\n .button {\n @extend .button.small;\n }\n}\n.#{map-get($button-groups, 'class-group')}.large,\n.#{map-get($button-groups, 'class-wrapper')}.large {\n .button {\n @extend .button.large;\n }\n}\n\n} // endif classes-extend\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_notice.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notices Map\n////////////////////////////////////////////////////////////////////////////////\n\n$notices: (\n 'classes' : true,\n\n 'class-inverted' : 'inverted',\n 'class-close' : 'close',\n\n 'margin' : 2em 0,\n 'padding' : 0.25em 1.25em,\n 'padding-small' : null,\n 'padding-large' : null,\n 'padding-inline' : 0 0.25em,\n\n 'font-size' : 1em,\n 'font-size-small' : 0.9em,\n 'font-size-large' : 1.1em,\n 'line-height' : 1.5em,\n\n 'pull-breakpoint' : 'medium',\n 'pull-width' : 45%,\n 'pull-margin-left' : 0.5em 5% 1em 0,\n 'pull-margin-right' : 0.5em 0 1em 5%,\n\n 'background' : $gray-100,\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'border' : 1px solid rgba($black, 0.15),\n 'border-radius' : $border-radius,\n 'color' : $color,\n 'text-shadow' : 0 1px 0 rgba($white, 0.25),\n\n 'inverted' : (\n 'background' : $color,\n 'border' : 1px solid rgba($black, 0.15),\n 'box-shadow' : 0 1px 3px rgba($black, 0.05),\n 'color' : $white,\n 'text-shadow' : 0 1px 0 rgba($black, 0.25),\n )\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'notices') == true) {\n $notices: map-extend($notices, map-get($override, 'notices'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Notice Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Notice\n// Creates the base styles for a notice block.\n// @param $options\n// @type map\n// @default $notices map\n@mixin make-notice($options: ()) {\n $o: map-merge($notices, $options);\n\n margin: map-get($o, 'margin');\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n @include border-radius(map-get($o, 'border-radius'));\n\n .#{map-get($o, 'class-close')} {\n float: right;\n margin: 0.45em -0.25em 0 1em;\n color: inherit;\n\n + * {\n padding-right: 2.5em;\n }\n }\n}\n\n// Add Notice Color\n// Adds styles for a notice color with optional output type.\n// @param $options\n// @type map\n// @default $notices map\n// @param $output\n// @type string (all, difference)\n// @default difference\n// @desc Whether to output all styles, or just the ones that are different\n// from the `$notices` map.\n@mixin add-notice-color($options: (), $output: 'difference') {\n $o: map-extend($notices, $options, true);\n\n $set: color, text-shadow, background, border, box-shadow;\n\n @if ($output == 'all') {\n\n color: map-get($o, 'color');\n text-shadow: map-get($o, 'text-shadow');\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n color: map-fetch($o, 'inverted', 'color');\n text-shadow: map-fetch($o, 'inverted', 'text-shadow');\n background: map-fetch($o, 'inverted', 'background');\n border: map-fetch($o, 'inverted', 'border');\n box-shadow: map-fetch($o, 'inverted', 'box-shadow');\n }\n }\n\n } @else if ($output == 'difference') {\n\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-get($o, $property) != map-get($notices, $property)) {\n #{$property}: map-get($o, $property);\n }\n }\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n // Cycle through properties and only output when different from default\n @each $property in $set {\n @if (map-fetch($o, 'inverted', $property) != map-fetch($notices, 'inverted', $property)) {\n #{$property}: map-fetch($o, 'inverted', $property);\n }\n }\n }\n }\n\n } @else {\n @warn 'The output type \"#{$output}\" is not supported in `add-notice-color()`';\n }\n}\n\n// Add Notice Size\n// Adds styles for notice size based on keyword or options map difference.\n// @param $size\n// @type string (small, default, large)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-size($size, $options: ()) {\n $o: map-merge($notices, $options);\n\n @if ($size == 'small') {\n padding: map-get($o, 'padding-small');\n font-size: map-get($o, 'font-size-small');\n } @else if ($size == 'default') {\n padding: map-get($o, 'padding');\n font-size: map-get($o, 'font-size');\n } @else if ($size == 'large') {\n padding: map-get($o, 'padding-large');\n font-size: map-get($o, 'font-size-large');\n } @else {\n @if (map-get($o, 'padding') != map-get($notices, 'padding')) {\n padding: map-get($o, 'padding');\n }\n @if (map-get($o, 'font-size') != map-get($notices, 'font-size')) {\n font-size: map-get($o, 'font-size');\n }\n }\n\n @if (map-get($o, 'line-height') != map-get($notices, 'line-height')) {\n line-height: map-get($o, 'line-height');\n }\n\n}\n\n// Add Notice Inline\n// Adds styles for an inline or inline-block notice.\n// @param $display\n// @type display property (inline, inline-block)\n// @default inline\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-inline($display: inline, $options: ()) {\n $o: map-merge($notices, $options);\n\n display: $display;\n margin: 0;\n padding: map-get($o, 'padding-inline');\n box-shadow: none;\n\n @if (map-get($o, 'class-inverted')) {\n &.#{map-get($o, 'class-inverted')} {\n border: 0 none;\n }\n }\n}\n\n// Add Notice Pull\n// Adds styles for floating a notice to the left or right.\n// @param $direction\n// @type string (left, right)\n// @param $options\n// @type map\n// @default $notices map\n@mixin add-notice-pull($direction, $options: ()) {\n $o: map-merge($notices, $options);\n\n // Wrap our pull styles in a breakpoint if one is provided.\n @if (map-get($o, 'pull-breakpoint')) {\n @include media-min(map-get($o, 'pull-breakpoint')) {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n } @else {\n width: map-get($o, 'pull-width');\n @if ($direction == 'left') {\n float: left;\n margin: map-get($o, 'pull-margin-left');\n } @else if ($direction == 'right') {\n float: right;\n margin: map-get($o, 'pull-margin-right');\n }\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($notices, 'classes') == true) {\n\n/*==============================================================================\n @Notice - #{$filename}\n==============================================================================*/\n\n.notice {\n @include make-notice();\n @include add-notice-color($output: 'all');\n}\n\n/**\n * Notice Color\n */\n.notice.blue {\n @include add-notice-color((\n 'background' : $blue-50,\n 'inverted' : (\n 'background' : rgba($blue, 0.9)\n )\n ));\n}\n.notice.green {\n @include add-notice-color((\n 'background' : $green-50,\n 'inverted' : (\n 'background' : rgba($green, 0.9)\n )\n ));\n}\n.notice.yellow {\n @include add-notice-color((\n 'background' : $yellow-100,\n 'inverted' : (\n 'background' : $yellow,\n 'color': $color\n )\n ));\n}\n.notice.orange {\n @include add-notice-color((\n 'background' : $orange-50,\n 'inverted' : (\n 'background' : $orange\n )\n ));\n}\n.notice.red {\n @include add-notice-color((\n 'background' : $red-50,\n 'inverted' : (\n 'background' : $red\n )\n ));\n}\n.notice.purple {\n @include add-notice-color((\n 'background' : $purple-50,\n 'inverted' : (\n 'background' : $purple\n )\n ));\n}\n\n// Semantic button classes\n.notice.success {\n @extend .notice.green;\n}\n.notice.info {\n @extend .notice.blue;\n}\n.notice.warning {\n @extend .notice.yellow;\n}\n.notice.danger {\n @extend .notice.red;\n}\n\n/**\n * Notice Size, Display and Pulls\n */\n.notice.small {\n @include add-notice-size('small');\n}\n.notice.large {\n @include add-notice-size('large');\n}\n\n.notice.inline {\n @include add-notice-inline();\n}\n\n.notice.pull-left {\n @include add-notice-pull('left');\n}\n.notice.pull-right {\n @include add-notice-pull('right');\n}\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_dropdowns.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdowns Map\n////////////////////////////////////////////////////////////////////////////////\n\n$dropdowns: (\n 'classes' : true,\n 'classes-position' : false,\n\n 'class-dropdown' : 'dropdown',\n 'class-dropdown-content' : 'dropdown-content',\n 'class-dropdown-menu' : 'dropdown-menu',\n 'class-dropdown-trigger' : 'dropdown-trigger',\n\n 'target' : '.dropdown',\n 'target-action' : '&:not(.on-click):hover > .dropdown, &.active > .dropdown',\n\n 'target-zindex' : 100,\n 'target-action-zindex' : 105,\n\n 'width' : 16rem,\n 'padding' : 1em,\n 'padding-menu' : 0.5em,\n 'padding-menu-item' : 0.75em 1em,\n\n 'block-margin' : -0.5em,\n 'block-padding' : 1em,\n\n 'font-size' : px-to-rem(12px),\n 'line-height' : 1.35em,\n\n 'background' : $white,\n 'background-hover' : rgba($black, 0.05),\n 'background-clip' : padding-box,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-inner' : 1px solid rgba($black, 0.1),\n 'border-radius' : $border-radius,\n 'box-shadow' : 0 2px 6px rgba($black, 0.15),\n 'color' : $color,\n 'color-hover' : $color,\n 'color-active' : $color-light,\n\n 'content-sep' : 0.5em,\n 'content-sep-hr' : 1em,\n\n 'transition-property' : null,\n 'transition-in-duration' : 0.25s,\n 'transition-in-timing-function' : linear,\n 'transition-in-delay' : 0s,\n 'transition-out-duration' : 0.25s,\n 'transition-out-timing-function' : linear,\n 'transition-out-delay' : 0.25s,\n\n 'offset-transition' : 1em,\n 'offset-margin' : -1px, // The first position margin offset\n 'offset-margin-alt' : 0, // The second position margin offset (does not apply to centered dropdowns)\n 'offset-position' : 0, // The second position offset (does not apply to centered dropdowns)\n\n 'dropdown-position' : 'bottom-left',\n 'dropdown-menu-position' : 'right-top',\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'dropdowns') == true) {\n $dropdowns: map-extend($dropdowns, map-get($override, 'dropdowns'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Dropdown Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Dropdown\n// Creates the base styles for dropdowns.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n position: relative;\n display: block;\n width: map-get($o, 'width');\n margin: 0;\n font-size: map-get($o, 'font-size');\n line-height: map-get($o, 'line-height');\n background: map-get($o, 'background');\n background-clip: map-get($o, 'background-clip');\n border: map-get($o, 'border');\n box-shadow: map-get($o, 'box-shadow');\n border-radius: map-get($o, 'border-radius');\n}\n\n// Make Dropdown Trigger\n// Creates the base styles for a dropdown trigger.\n// @param $options\n// @type map\n// @default $dropdowns map\n@mixin make-dropdown-trigger($options: ()) {\n $o: map-merge($dropdowns, $options);\n\n // Base trigger styles\n position: relative;\n\n // Base target styles\n #{map-get($o, 'target')} {\n position: absolute;\n z-index: map-get($o, 'target-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: none;\n } @else {\n opacity: 0;\n visibility: hidden;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-out-duration')};\n transition-timing-function: #{map-get($o, 'transition-out-timing-function')};\n transition-delay: #{map-get($o, 'transition-out-delay')};\n }\n }\n\n // Base target hover & active styles\n #{map-get($o, 'target-action')} {\n z-index: map-get($o, 'target-action-zindex');\n @if (map-get($o, 'transition-property') == null) {\n display: block;\n } @else {\n opacity: 1;\n visibility: visible;\n transition-property: #{map-get($o, 'transition-property')};\n transition-duration: #{map-get($o, 'transition-in-duration')};\n transition-timing-function: #{map-get($o, 'transition-in-timing-function')};\n transition-delay: #{map-get($o, 'transition-in-delay')};\n }\n }\n}\n\n// Add Dropdown Style\n// Creates specific dropdown styles for a content type.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $type\n// @type string (dropdown, dropdown-content, dropdown-menu)\n// @default dropdown\n@mixin add-dropdown-style($options: (), $type : 'dropdown') {\n $o: map-merge($dropdowns, $options);\n\n @if ($type == 'dropdown') {\n\n padding: 0;\n\n > .#{map-get($o, 'class-dropdown-content')},\n > .#{map-get($o, 'class-dropdown-menu')} {\n width: auto;\n margin: 0;\n background: none;\n border: 0 none;\n border-top: map-get($o, 'border-inner');\n box-shadow: none;\n border-radius: 0;\n\n &:first-child {\n border-top: 0 none;\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n &:last-child {\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n }\n\n } @else if ($type == 'dropdown-content') {\n\n padding: map-get($o, 'padding');\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n\n > hr {\n margin: map-get($o, 'content-sep-hr') 0;\n }\n\n // Block Links\n > a.block {\n display: block;\n margin: map-get($o, 'block-margin');\n padding: map-get($o, 'block-padding');\n color: map-get($o, 'color');\n border: 0 none;\n border-radius: map-get($o, 'border-radius');\n\n &:hover {\n background: map-get($o, 'background-hover');\n color: map-get($o, 'color-hover');\n text-decoration: none;\n }\n\n > * {\n margin-top: map-get($o, 'content-sep');\n margin-bottom: map-get($o, 'content-sep');\n }\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n > .button {\n display: block;\n }\n\n } @else if ($type == 'dropdown-menu') {\n\n list-style: none;\n padding: map-get($o, 'padding-menu');\n\n // Dropdown Menu Items\n li {\n position: relative;\n margin: 0;\n border-bottom: map-get($o, 'border-inner');\n }\n li:hover {\n background: map-get($o, 'background-hover');\n background-clip: padding-box;\n\n > a {\n color: map-get($o, 'color-hover');\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n li.active {\n > a {\n color: map-get($o, 'color-active');\n }\n &:hover {\n background: none;\n }\n }\n li:first-child {\n @include border-radius-top(map-get($o, 'border-radius'));\n }\n li:last-child {\n border-bottom: 0 none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n li a {\n display: block;\n padding: map-get($o, 'padding-menu-item');\n color: map-get($o, 'color');\n border: 0 none;\n }\n\n } @else {\n @warn 'The output type \"#{$type}\" is not supported in `add-dropdown-style()`';\n }\n\n}\n\n// Add Dropdown Position\n// Adds the position styles for a dropdown.\n// @param $options\n// @type map\n// @default $dropdowns map\n// @param $anchor\n// @type string (bottom-left, bottom-right, bottom-center, top-left, top-right, top-center,\n// left-top, left-bottom, left-center, right-top, right-bottom, right-center)\n// @default bottom-left\n@mixin add-dropdown-position($options: (), $anchor : 'bottom-left') {\n $o: map-merge($dropdowns, $options);\n\n // Bottom Left\n @if ($anchor == 'bottom-left') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 map-get($o, 'offset-margin-alt');\n top: 100%;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Right\n } @else if ($anchor == 'bottom-right') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0 0;\n top: 100%;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Bottom Center\n } @else if ($anchor == 'bottom-center') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, -(map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin') 0 0 0;\n top: 100%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Top left\n @if ($anchor == 'top-left') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt');\n top: auto;\n left: map-get($o, 'offset-position');\n right: auto;\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Right\n } @else if ($anchor == 'top-right') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0;\n top: auto;\n left: auto;\n right: map-get($o, 'offset-position');\n bottom: 100%;\n transform: translate3d(0, 0, 0);\n }\n\n // Top Center\n } @else if ($anchor == 'top-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, (map-get($o, 'offset-transition')), 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin') 0;\n top: auto;\n left: 50%;\n right: auto;\n bottom: 100%;\n transform: translate3d(-50%, 0, 0);\n }\n }\n\n // Left Top\n @if ($anchor == 'left-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin') 0 0;\n top: map-get($o, 'offset-position');\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Left Bottom\n } @else if ($anchor == 'left-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d((map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') map-get($o, 'offset-margin-alt') 0;\n top: auto;\n left: auto;\n right: 100%;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Left Center\n } @else if ($anchor == 'left-center') {\n #{map-get($o, 'target')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d((map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 map-get($o, 'offset-margin') 0 0;\n top: 50%;\n left: auto;\n right: 100%;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n\n // Right Top\n @if ($anchor == 'right-top') {\n #{map-get($o, 'target')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: map-get($o, 'offset-margin-alt') 0 0 map-get($o, 'offset-margin');\n top: map-get($o, 'offset-position');\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, 0, 0);\n }\n\n // Right Bottom\n } @else if ($anchor == 'right-bottom') {\n #{map-get($o, 'target')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(-(map-get($o, 'offset-transition')), 0, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 map-get($o, 'offset-margin-alt') map-get($o, 'offset-margin');\n top: auto;\n left: 100%;\n right: auto;\n bottom: map-get($o, 'offset-position');\n transform: translate3d(0, 0, 0);\n }\n\n // Right Center\n } @else if ($anchor == 'right-center') {\n #{map-get($o, 'target')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(-(map-get($o, 'offset-transition')), -50%, 0);\n }\n #{map-get($o, 'target-action')} {\n margin: 0 0 0 map-get($o, 'offset-margin');\n top: 50%;\n left: 100%;\n right: auto;\n bottom: auto;\n transform: translate3d(0, -50%, 0);\n }\n }\n}\n\n// Check if we should output dropdown classes\n@if (map-get($dropdowns, 'classes') == true) {\n\n/*==============================================================================\n @Dropdowns - #{$filename}\n==============================================================================*/\n\n/**\n * General Dropdown Styles\n */\n.#{map-get($dropdowns, 'class-dropdown')},\n.#{map-get($dropdowns, 'class-dropdown-content')},\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown();\n}\n\n/**\n * Dropdown\n */\n.#{map-get($dropdowns, 'class-dropdown')} {\n @include add-dropdown-style($type: 'dropdown');\n}\n\n/**\n * Dropdown Content\n */\n.#{map-get($dropdowns, 'class-dropdown-content')} {\n @include add-dropdown-style($type: 'dropdown-content');\n}\n\n/**\n * Dropdown Menu\n */\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include add-dropdown-style($type: 'dropdown-menu');\n}\n\n/*==============================================================================\n @Dropdown Triggers - #{$filename}\n==============================================================================*/\n\n.#{map-get($dropdowns, 'class-dropdown-trigger')} {\n @include make-dropdown-trigger();\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n\n.#{map-get($dropdowns, 'class-dropdown-menu')} {\n @include make-dropdown-trigger(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu'));\n @include add-dropdown-position(('target' : '.dropdown-menu', 'target-action' : '> li:hover > .dropdown-menu, &.active > li > .dropdown-menu', 'offset-margin-alt' : -1px, 'offset-position' : -0.5em), $anchor: 'right-top');\n}\n\n// Check if we should output modifier classes\n@if (map-get($dropdowns, 'classes-position') == true) {\n\n/*==============================================================================\n @Dropdown Anchor Positions - #{$filename}\n==============================================================================*/\n\n.anchor-bottom-left {\n @include add-dropdown-position($anchor: 'bottom-left');\n}\n.anchor-bottom-right {\n @include add-dropdown-position($anchor: 'bottom-right');\n}\n.anchor-bottom-center {\n @include add-dropdown-position($anchor: 'bottom-center');\n}\n\n.anchor-top-left {\n @include add-dropdown-position($anchor: 'top-left');\n}\n.anchor-top-right {\n @include add-dropdown-position($anchor: 'top-right');\n}\n.anchor-top-center {\n @include add-dropdown-position($anchor: 'top-center');\n}\n\n.anchor-left-top {\n @include add-dropdown-position($anchor: 'left-top');\n}\n.anchor-left-bottom {\n @include add-dropdown-position($anchor: 'left-bottom');\n}\n.anchor-left-center {\n @include add-dropdown-position($anchor: 'left-center');\n}\n\n.anchor-right-top {\n @include add-dropdown-position($anchor: 'right-top');\n}\n.anchor-right-bottom {\n @include add-dropdown-position($anchor: 'right-bottom');\n}\n.anchor-right-center {\n @include add-dropdown-position($anchor: 'right-center');\n}\n\n} // endif classes-position\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/blocks/_tabs.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Map\n////////////////////////////////////////////////////////////////////////////////\n\n$tabs: (\n 'classes' : true,\n\n 'class-wrapper' : 'tabs',\n 'class-nav' : 'tabs-nav',\n 'class-content' : 'tabs-content',\n 'class-content-panel' : 'tabs-panel',\n\n 'margin' : 2em 0,\n 'padding-nav' : 1em,\n 'padding-nav-inline' : 1em 2em,\n 'padding-content' : 1em 2em,\n\n 'background' : $gray-100,\n 'background-fade' : $gray-200,\n 'background-accent' : $white,\n\n 'border' : 1px solid $gray-300,\n 'border-radius' : $border-radius,\n\n 'color' : $color,\n 'color-fade' : $color-light,\n 'color-accent' : $blue,\n\n 'transition' : null,\n\n) !default;\n\n// Extend default component map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'tabs') == true) {\n $tabs: map-extend($tabs, map-get($override, 'tabs'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Tabs Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Tabs\n// Creates the base styles for a the tabs block including tab wrapper,\n// navigation and content.\n// @param $options\n// @type map\n// @default $tabs map\n@mixin make-tabs($options: ()) {\n $o: map-merge($tabs, $options);\n\n // Tab Wrapper\n .#{map-get($tabs, 'class-wrapper')} {\n position: relative;\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-content')} {\n margin: 0;\n }\n .#{map-get($o, 'class-nav')} {\n z-index: 10;\n }\n .#{map-get($o, 'class-content')} {\n z-index: 5;\n }\n }\n\n // Tab Navigation\n .#{map-get($tabs, 'class-nav')} {\n margin: map-get($o, 'margin');\n text-align: center;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n }\n ul li {\n flex: 1 0 auto;\n margin: 0;\n }\n a {\n display: block;\n padding: map-get($o, 'padding-nav');\n border: none;\n }\n\n &.inline {\n ul {\n flex-wrap: wrap;\n }\n ul li {\n flex: 0 0 auto;\n\n a {\n padding: map-get($o, 'padding-nav-inline');\n }\n }\n }\n }\n\n // Tab Content\n .#{map-get($tabs, 'class-content')} {\n margin: map-get($o, 'margin');\n\n .#{map-get($o, 'class-content-panel')} {\n display: none;\n }\n .#{map-get($o, 'class-content-panel')}.active {\n display: block;\n }\n }\n\n}\n\n// Add Tab Style\n// Creates the styles for tabs.\n// @param $options\n// @type map\n// @default $tabs map\n// @param $style\n// @type string ('fold', 'line')\n// @default 'fold'\n// @param $class\n// @type string\n// @default 'style-#{$style}'\n@mixin add-tab-style($options: (), $style: 'fold', $class: null) {\n $o: map-merge($tabs, $options);\n\n @if ($class == null) {\n $class: 'style-#{$style}';\n }\n\n @if ($style == 'fold') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n background: map-get($o, 'background');\n border: map-get($o, 'border');\n @include border-radius(map-get($o, 'border-radius'));\n }\n ul li {\n border-right: map-get($o, 'border');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:first-child {\n @include border-radius-left(map-get($o, 'border-radius'));\n }\n &:last-child {\n border-right: none;\n @include border-radius-right(map-get($o, 'border-radius'));\n }\n }\n a {\n color: map-get($o, 'color');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n\n &:hover {\n background: map-get($o, 'background-fade');\n color: map-get($o, 'color');\n text-decoration: none;\n }\n }\n\n // Active State\n ul li.active {\n background: map-get($o, 'background-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n background: map-get($o, 'background-accent');\n }\n }\n\n // Inline styles\n &.inline ul li:last-child {\n border-right: map-get($o, 'border');\n }\n }\n .#{$class} .#{map-get($o, 'class-nav')} {\n ul {\n @include border-radius-bottom(0);\n }\n ul li {\n border-bottom: 1px solid transparent;\n margin-bottom: -1px;\n }\n ul li:first-child {\n @include border-radius-bottom-left(0);\n }\n ul li:last-child {\n @include border-radius-bottom-right(0);\n }\n ul li.active {\n border-bottom: 1px solid map-get($o, 'background-accent');\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n @include border-radius-bottom(map-get($o, 'border-radius'));\n }\n\n } @else if ($style == 'line') {\n\n .#{$class} .#{map-get($o, 'class-nav')},\n .#{map-get($o, 'class-nav')}.#{$class} {\n ul {\n border-bottom: map-get($o, 'border');\n }\n ul li {\n border-bottom: 3px solid transparent;\n margin-bottom: -1px;\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n }\n a {\n color: map-get($o, 'color-fade');\n @if (map-get($o, 'transition') != null) {\n @include transition(map-get($o, 'transition'));\n }\n &:hover {\n color: map-get($o, 'color-accent');\n text-decoration: none;\n }\n }\n // Active State\n ul li.active {\n border-bottom: 3px solid map-get($o, 'color-accent');\n }\n .active a {\n color: map-get($o, 'color');\n &:hover {\n color: map-get($o, 'color-accent');\n }\n }\n }\n .#{$class} .#{map-get($o, 'class-content')} {\n padding: map-get($o, 'padding-content');\n border: map-get($o, 'border');\n border-top: none;\n }\n\n } @else {\n @warn 'The tabs style of `#{$style}` does not exist';\n }\n}\n\n// Check if we should output modifier classes\n@if (map-get($tabs, 'classes') == true) {\n\n/*==============================================================================\n @Tabs - #{$filename}\n==============================================================================*/\n\n/**\n * Base styles for tab wrapper, nav and content\n */\n@include make-tabs();\n\n/**\n * Tabs Style: Fold\n */\n@include add-tab-style($style: 'fold');\n\n/**\n * Tabs Style: Line\n */\n@include add-tab-style($style: 'line');\n\n} // endif classes\n","// Set file variable\n$filename: 'scss/custom/off-canvas.scss';\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Map\n////////////////////////////////////////////////////////////////////////////////\n\n$off-canvas: (\n 'classes' : true,\n\n 'class-wrap' : 'oc-wrap',\n 'class-content' : 'oc-content',\n 'class-inner' : 'oc-inner',\n 'class-aside' : 'oc-aside',\n 'class-aside-id' : 'oc-aside-left',\n 'class-active' : 'oc-active',\n 'class-delay' : 'oc-delay',\n\n 'screen-content' : rgba($black, 0.2),\n 'screen-aside' : rgba($black, 0.2),\n\n 'transition' : 'slide-in-left',\n 'transition-duration' : 0.5s,\n 'width' : 280px,\n 'wrap-height' : null,\n 'aside-position' : fixed,\n\n 'background-wrap' : $bg-color,\n 'background-aside' : $white,\n 'background-content' : $white,\n\n) !default;\n\n// Extend default off-canvas map with overrides if they exist\n@if variable-exists(override) {\n @if (map-has-key($override, 'off-canvas') == true) {\n $off-canvas: map-extend($off-canvas, map-get($override, 'off-canvas'), true);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Off-Canvas Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Off-Canvas\n// Creates the base styles for off-canvas content\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin make-off-canvas($options: ()) {\n $o: map-merge($off-canvas, $options);\n\n // Base structure styles\n .#{map-get($o, 'class-wrap')} {\n height: map-get($o, 'wrap-height');\n }\n .#{map-get($o, 'class-content')},\n .#{map-get($o, 'class-inner')},\n .#{map-get($o, 'class-aside')} {\n \theight: 100%;\n }\n\n .#{map-get($o, 'class-wrap')} {\n \tposition: relative;\n \toverflow: hidden;\n background: map-get($o, 'background-wrap');\n }\n .#{map-get($o, 'class-content')} {\n \tposition: relative;\n \tleft: 0;\n \tz-index: 5;\n \ttransition: transform map-get($o, 'transition-duration');\n background: map-get($o, 'background-content');\n }\n .#{map-get($o, 'class-inner')} {\n position: relative;\n overflow-y: auto;\n }\n .#{map-get($o, 'class-aside')} {\n \tposition: map-get($o, 'aside-position');\n \ttop: 0;\n \tz-index: 10;\n \tvisibility: hidden;\n \twidth: map-get($o, 'width');\n overflow-y: auto;\n \ttransition: all map-get($o, 'transition-duration');\n background: map-get($o, 'background-aside');\n }\n\n // Content screen\n @if (map-get($o, 'screen-content')) {\n .#{map-get($o, 'class-content')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tright: 0;\n \twidth: 0;\n \theight: 0;\n \tbackground: map-get($o, 'screen-content');\n \tcontent: '';\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-content')}:after {\n \twidth: 100%;\n \theight: 100%;\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n }\n\n // Aside screen\n @if (map-get($o, 'screen-aside')) {\n .#{map-get($o, 'class-aside')}:after {\n \tposition: absolute;\n \ttop: 0;\n \tleft: 0;\n \twidth: 100%;\n \theight: 100%;\n background: map-get($o, 'screen-aside');\n \tcontent: '';\n \topacity: 1;\n \ttransition: opacity map-get($o, 'transition-duration');\n }\n .#{map-get($o, 'class-active')} > .#{map-get($o, 'class-aside')}:after {\n \twidth: 0;\n \theight: 0;\n \topacity: 0;\n \ttransition: opacity map-get($o, 'transition-duration'), width 0.1s map-get($o, 'transition-duration'), height 0.1s map-get($o, 'transition-duration');\n }\n }\n}\n\n// Add Off-Canvas Transition\n// Creates transition styles for off-canvas elements\n// @param $options\n// @type map\n// @default $off-canvas map\n// @param $target\n// @type string\n// @default $off-canvas('class-aside-left')\n// @param $style\n// @type string\n// @default $off-canvas('transition')\n@mixin add-off-canvas-transition($options: (), $target: map-get($off-canvas, 'class-aside-id'), $style: map-get($off-canvas, 'transition')) {\n $o: map-merge($off-canvas, $options);\n\n // slide in left\n @if ($style == 'slide-in-left') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tvisibility: visible;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide in right\n } @else if ($style == 'slide-in-right') {\n\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tvisibility: visible;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal left\n } @else if ($style == 'reveal-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // reveal right\n } @else if ($style == 'reveal-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along left\n } @else if ($style == 'slide-along-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide along right\n } @else if ($style == 'slide-along-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n // slide out right\n } @else if ($style == 'slide-out-left') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \ttransform: translate3d(50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // slide out right\n } @else if ($style == 'slide-out-right') {\n\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \ttransform: translate3d(-50%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n // scale down left\n } @else if ($style == 'scale-down-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale down right\n } @else if ($style == 'scale-down-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up left\n } @else if ($style == 'scale-up-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 0% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(map-get($o, 'width'), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale up right\n } @else if ($style == 'scale-up-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n \tperspective-origin: 100% 50%;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-(map-get($o, 'width')), 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \tz-index: 1;\n \topacity: 1;\n \ttransform: translate3d(0, 0, -(map-get($o, 'width')));\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate left\n } @else if ($style == 'scale-rotate-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(100px, 0, -600px) rotateY(-20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // scale rotate right\n } @else if ($style == 'scale-rotate-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: translate3d(-100px, 0, -600px) rotateY(20deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door left\n } @else if ($style == 'open-door-left') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 100% 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(-10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n left: 0;\n \topacity: 1;\n \ttransform: translate3d(-100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // open door right\n } @else if ($style == 'open-door-right') {\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n \tperspective: 1500px;\n }\n .#{$target} .#{map-get($o, 'class-content')} {\n \ttransform-origin: 0 50%;\n \ttransform-style: preserve-3d;\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{map-get($o, 'class-content')} {\n \ttransform: rotateY(10deg);\n }\n .#{$target}.#{map-get($o, 'class-aside')} {\n right: 0;\n \topacity: 1;\n \ttransform: translate3d(100%, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-active')} .#{$target}.#{map-get($o, 'class-aside')} {\n \tvisibility: visible;\n \ttransition: transform map-get($o, 'transition-duration');\n \ttransform: translate3d(0, 0, 0);\n }\n .#{$target}.#{map-get($o, 'class-aside')}:after {\n \tdisplay: none;\n }\n\n @include add-off-canvas-wrap-height($target, $o);\n\n // transition doesn't exist\n } @else {\n @warn 'The off-canvas transition of `#{$style}` does not exist';\n }\n}\n\n// Add Off-Canvas Wrap Height\n// Sets the oc-wrap height to 100% with delay. This is used for specific\n// transitions which use 3D transforms.\n// @param $target\n// @type string\n// @param $options\n// @type map\n// @default $off-canvas map\n@mixin add-off-canvas-wrap-height($target, $options: ()) {\n $o: map-merge($off-canvas, $options);\n\n .#{$target}.#{map-get($o, 'class-wrap')} {\n transition: height 0.1s map-get($o, 'transition-duration');\n }\n .#{$target}.#{map-get($o, 'class-delay')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n }\n .#{$target}.#{map-get($o, 'class-active')}.#{map-get($o, 'class-wrap')} {\n height: 100%;\n transition: none;\n }\n\n}\n\n// Check if we should output modifier classes\n@if (map-get($off-canvas, 'classes') == true) {\n/*==============================================================================\n @Off-Canvas - #{$filename}\n==============================================================================*/\n\n@include make-off-canvas();\n\n// Available transitions\n// ---\n// slide-in-left, slide-in-right\n// reveal-left, reveal-right\n// slide-along-left, slide-along-right\n// slide-out-left, slide-out-right\n// scale-down-left, scale-down-right\n// scale-up-left, scale-up-right\n// scale-rotate-left, scale-rotate-right\n// open-door-left, open-door-right\n// ---\n// Example usage:\n// @include add-off-canvas-transition($target: 'oc-aside-id', $style: 'scale-rotate-left');\n@if (map-get($off-canvas, 'transition')) {\n @include add-off-canvas-transition();\n}\n\n} // endif classes\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Functions\n////////////////////////////////////////////////////////////////////////////////\n\n// Column Width\n// A function that returns the width of a column span.\n// @param $index\n// @type integer\n// @desc The number of column span you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function column-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width: (map-get($o, 'total-width') - (map-get($o, 'gutter-width') * (map-get($o, 'columns') - 1))) / map-get($o, 'columns');\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * ($index - 1));\n}\n\n// Spacing Width\n// A function that returns the spacing of a column span.\n// @param $index\n// @type integer\n// @desc The number of column spacing you want returned.\n// @param $options\n// @type map\n// @default $grid map\n// @return unit (pixel, percentage)\n@function spacing-width($index, $options: ()) {\n $o: map-merge($grid, $options);\n $column-width : column-width( 1, $o );\n @return ($column-width * $index) + (map-get($o, 'gutter-width') * $index);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Semantic Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Make Container\n// Outputs all the styles needed to make an element a grid container.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-container($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'container-min-width')) {\n min-width: none;\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: none;\n }\n margin: 0;\n padding: map-get($o, 'container-padding');\n } @else {\n width: map-get($o, 'total-width');\n @if (map-get($o, 'container-min-width')) {\n min-width: map-get($o, 'container-min-width');\n }\n @if (map-get($o, 'container-max-width')) {\n max-width: map-get($o, 'container-max-width');\n }\n margin: map-get($o, 'container-margin');\n padding: map-get($o, 'container-padding');\n @include clearfix();\n }\n}\n\n// Make Row\n// Outputs all the styles needed to make an element a grid row.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-row($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: 0;\n margin-right: 0;\n }\n } @else {\n width: auto;\n @if (map-get($o, 'inner-gutter-width') != 0) {\n margin-left: -(map-get($o, 'inner-gutter-width') / 2);\n margin-right: -(map-get($o, 'inner-gutter-width') / 2);\n }\n @include clearfix();\n }\n}\n\n// Make Base Column\n// Creates the base styles for a column but excludes setting the width.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column-base($options: ()) {\n $o: map-merge($grid, $options);\n @if ($global-box-sizing != border-box) {\n @include box-sizing( border-box );\n }\n @if (map-get($o, 'type') == 'mobile') {\n width: 100%;\n float: none;\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: 0;\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: 0;\n padding-right: 0;\n }\n } @else {\n min-height: 1px;\n float: map-get($o, 'column-float');\n &.#{map-get($o, 'class-column-left')} {\n float: left;\n }\n &.#{map-get($o, 'class-column-right')} {\n float: right;\n }\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: map-get($o, 'gutter-width');\n &:first-child {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n padding-left: (map-get($o, 'inner-gutter-width') / 2);\n padding-right: (map-get($o, 'inner-gutter-width') / 2);\n }\n }\n}\n\n// Make Column\n// Creates all the styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column span you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin make-column($index, $options: ()) {\n $o: map-merge($grid, $options);\n @include make-column-base($o);\n width: column-width($index, $o);\n}\n\n// Add Prefix\n// Creates the base styles for a column and sets its width.\n// @param $index\n// @type integer\n// @desc The number of column prefix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-prefix($index, $options: ()) {\n $o: map-merge($grid, $options);\n @if (map-get($o, 'gutter-width') != 0) {\n margin-left: (spacing-width($index, $o) + map-get($o, 'gutter-width'));\n &:first-child {\n margin-left: spacing-width($index, $o);\n }\n } @else {\n margin-left: spacing-width($index, $o);\n }\n}\n\n// Add Suffix\n// Creates the base styles for a spacing suffix.\n// @param $index\n// @type integer\n// @desc The number of column suffix spacing you want set.\n// @param $options\n// @type map\n// @default $grid map\n@mixin add-suffix($index, $options: ()) {\n $o: map-merge($grid, $options);\n margin-right: spacing-width($index, $o);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// @Build Grid Mixins\n////////////////////////////////////////////////////////////////////////////////\n\n// Build Grid System\n// Outputs all the classes and styles for the class based grid system.\n// @param $grid-type | $options\n// @type string | map\n// @default $grid map\n@mixin build-grid-system($options: 'normal') {\n $o: null;\n\n // Check if options is map or not\n // If it's a map, merge it with our global grid map\n // Else set options as our grid type\n @if (type-of($options) == map) {\n $o: map-merge($grid, $options);\n } @else {\n $o: map-merge( $grid, ('type': $options));\n }\n\n // Output our container class\n .#{map-get($o, 'class-container')} {\n @include make-container($o);\n }\n\n // Output our row class\n .#{map-get($o, 'class-row')} {\n @include make-row($o);\n }\n\n // Output our column class\n .#{map-get($o, 'class-column')} {\n @include make-column-base($o);\n }\n\n // Check that this is not a mobile grid type\n @if (map-get($o, 'type') != 'mobile') {\n\n @if (map-get($o, 'gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-gutter {\n margin-left: 0;\n }\n }\n @if (map-get($o, 'inner-gutter-width') != 0) {\n .#{map-get($o, 'class-column')}-no-inner-gutter {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n // Output our column classes\n @for $i from 1 through map-get($o, 'columns') {\n .#{map-get($o, 'class-column')}-#{$i} {\n width: column-width( $i, $o );\n }\n }\n\n // Output our prefix classes if a class name is set\n @if (map-get($o, 'class-prefix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-prefix')}-#{$i} {\n @include add-prefix( $i, $o );\n }\n }\n }\n\n // Output our suffix classes if a class name is set\n @if (map-get($o, 'class-suffix')) {\n @for $i from 1 through (map-get($o, 'columns') - 1) {\n .#{map-get($o, 'class-suffix')}-#{$i} {\n @include add-suffix( $i, $o );\n }\n }\n }\n } // End if not mobile\n}\n\n// Build Mini Grid System\n// Outputs all the classes for a mini-grid system.\n// @param $options\n// @type map\n// @default $mini-grid map\n@mixin build-mini-grid-system($options: ()) {\n $o: map-merge($mini-grid, $options);\n\n %mini-grid-base {\n display: block;\n @include clearfix();\n }\n\n %mini-grid-mini-base {\n float: left;\n }\n\n @for $i from 1 through map-get($o, 'fractions') {\n .#{map-get($o, 'class-has')}-#{$i} {\n @extend %mini-grid-base;\n }\n .#{map-get($o, 'class-is')}-1-of-#{$i},\n .#{map-get($o, 'class-has')}-#{$i} > * {\n @extend %mini-grid-mini-base;\n width: (100% / $i);\n }\n }\n}\n","////////////////////////////////////////////////////////////////////////////////\n// @Grid Variables\n////////////////////////////////////////////////////////////////////////////////\n\n// Grid Map\n// Define all the settings for the grid system.\n$grid: (\n\n // Global grid settings\n // Sets the grid type ('normal', 'mobile')\n 'type' : 'normal',\n\n // Use same unit type as `$grid('gutter-width')`.\n 'total-width' : 100%,\n\n // Use same unit type as `$grid('total-width')`.\n // Used to set left and right margin of columns.\n 'gutter-width' : 0,\n\n // Used to set using left and right padding of columns.\n 'inner-gutter-width' : 1.5rem,\n\n // Sets the number of columns in Grid System.\n 'columns' : 12,\n\n // Default float for columns\n 'column-float' : left,\n\n // Container settings\n 'container-margin' : 0 auto,\n 'container-padding' : 0 1.5rem,\n 'container-min-width' : none,\n 'container-max-width' : 62rem,\n\n // Grid class names\n 'class-container' : 'container',\n 'class-row' : 'row',\n 'class-column' : 'col',\n\n // Custom float class names\n 'class-column-left' : 'col-left',\n 'class-column-right' : 'col-right',\n\n // Set to `null` to disable output\n 'class-prefix' : 'prefix',\n\n // Set to `null` to disable output\n 'class-suffix' : 'suffix',\n\n) !default;\n\n// Mini Grid Map\n// Define all the settings for the mini grid system.\n$mini-grid: (\n\n // Used to determine the number of fraction classes to output.\n 'fractions' : 12,\n\n // Mini-Grid class names\n // Class name for mini-grid parent classes.\n 'class-has' : 'has',\n\n // Class name for mini-grid children classes.\n 'class-is' : 'is',\n\n) !default;\n","// Set file variable\n$filename: 'scss/custom/_custom.scss';\n\n/*==============================================================================\n @Grid System - #{$filename}\n==============================================================================*/\n\n@include build-grid-system('mobile');\n\n@include media-min('medium') {\n @include build-grid-system();\n}\n\n/*==============================================================================\n @Mini Grid System - #{$filename}\n==============================================================================*/\n\n@include build-mini-grid-system();\n\n/*==============================================================================\n @Structure - #{$filename}\n==============================================================================*/\n\nbody {\n background: $blue-gray-50;\n}\n\n.header {\n padding: 2em 0;\n}\n.home .header {\n padding-bottom: 0;\n border-bottom: 0 none;\n}\n\n.main {\n background: $white;\n}\n.home .header {\n background: none;\n}\n\n.main {\n padding: 1em 0 2em;\n}\n.footer {\n padding: 2em 0;\n}\n\n@include media-min('medium') {\n .home .header {\n padding-bottom: 2em;\n }\n .main {\n padding: 2em 0;\n }\n}\n\n/*==============================================================================\n @Header - #{$filename}\n==============================================================================*/\n\n.header .flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n}\n\n/**\n * Logo\n */\n.header .logo {\n display: flex;\n align-items: center;\n border: 0 none;\n\n img {\n margin: 0;\n }\n .version {\n margin-top: 8px;\n margin-left: 10px;\n color: $color-light;\n }\n &:hover {\n text-decoration: none;\n .version {\n color: $color-link;\n }\n }\n}\n\n.home .header .logo {\n .version {\n color: rgba($white, 0.5);\n }\n &:hover {\n .version {\n color: rgba($white, 1);\n }\n }\n}\n\n/**\n * Navigation\n */\n.header .nav {\n ul.menu-hori {\n display: flex;\n align-items: center;\n margin: 0;\n list-style: none;\n }\n ul.menu-hori li {\n margin: 0 15px;\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n a:not(.button) {\n color: $color;\n font-size: px-to-em(15px);\n\n &:hover {\n color: $color-link;\n text-decoration: none;\n }\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: $color-light;\n border: 0 none;\n }\n}\n\n.home .header .nav {\n ul.menu-hori li a:not(.button) {\n color: $white;\n font-size: px-to-em(15px);\n\n &:hover {\n color: rgba($white, 0.5);\n }\n }\n ul.menu-hori li.active a:not(.button) {\n color: rgba($white, 0.5);\n }\n li > .button,\n .dropdown-trigger > .button {\n background-clip: padding-box;\n }\n}\n\n/**\n * Off-Canvas Menu\n */\n.oc-aside .button.close {\n margin: 0.5em;\n}\n.oc-aside .nav {\n ul.menu-vert {\n margin: 0;\n list-style: none;\n\n li {\n margin: 0 1em;\n }\n li + li {\n border-top: 1px solid rgba($black, 0.1);\n }\n li a {\n display: block;\n padding: 0.5em 1em;\n }\n li a:hover {\n text-decoration: none;\n }\n }\n .button {\n display: block;\n margin: 1em 1.5em;\n }\n}\n\n/**\n * More Icon\n */\n.icon.icon-more {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 8px;\n height: 1.5em;\n margin: 0 0 0 10px;\n float: right;\n\n .dot {\n display: inline-block;\n width: 3px;\n height: 3px;\n margin: 0 0 2px 0;\n background: $color;\n @include border-radius(50%);\n\n &:last-child {\n margin-bottom: 1px;\n }\n }\n}\n\n/**\n * Response\n */\n.header .logo .mobile,\n.header .nav .mobile {\n display: inline-block;\n}\n.header .logo .desktop,\n.header .nav .menu-hori.desktop {\n display: none;\n}\n@include media-min(930px) {\n .header .nav .mobile {\n display: none;\n }\n .header .nav .menu-hori.desktop {\n display: flex;\n }\n}\n@include media-min('small') {\n .header .logo .mobile {\n display: none;\n }\n .header .logo .desktop {\n display: flex;\n }\n}\n\n/*==============================================================================\n @Home - #{$filename}\n==============================================================================*/\n\n/**\n * Home\n */\n.hero {\n position: relative;\n background: $blue;\n @include linear-gradient(to right, $pink-900, $deep-purple-900);\n}\n\n.hero {\n // -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n // clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n}\n.hero {\n position: relative;\n\n &:after {\n background: inherit;\n bottom: 0;\n content: '';\n display: block;\n height: 50%;\n left: 0;\n position: absolute;\n right: 0;\n transform: skewY(-4deg);\n transform-origin: 100%;\n z-index: -1;\n }\n &:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 15em;\n background: $white;\n z-index: -2;\n }\n}\n\n/**\n * Hero Content\n */\n.hero-content {\n text-align: center;\n margin-bottom: 2em;\n\n .container {\n padding-top: 2em;\n padding-bottom: 2em;\n }\n h1 {\n font-size: px-to-em(18px);\n line-height: 1.5em;\n @include font-weight('light');\n color: $white;\n }\n}\n\n@include media-min('small') {\n .hero-content {\n margin-bottom: 5em;\n\n .container {\n padding: 5em 5em 6em;\n }\n h1 {\n font-size: px-to-em(20px);\n }\n }\n}\n\n@include media-min('medium') {\n\n .hero-content {\n margin-bottom: 10em;\n\n .container {\n padding: 10em 10em 12em;\n }\n h1 {\n font-size: px-to-em(24px);\n }\n }\n\n}\n\n@include media-min(1400px) {\n\n .hero-content {\n margin-bottom: 15em;\n }\n\n}\n\n/**\n * Main\n */\n.main {\n .flex,\n .feature {\n margin-bottom: 4em;\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n.home {\n .row {\n margin-bottom: 4em;\n }\n hr {\n margin: 8em 0;\n }\n}\n.home .main {\n img,\n svg {\n display: block;\n max-width: 100%;\n height: auto;\n margin: 1em auto 3em;\n }\n}\n@include media-min('medium') {\n\n .main {\n .flex {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n\n\n > * {\n width: 50%;\n margin-right: 6em;\n }\n > *:last-child {\n margin-right: 0;\n }\n }\n\n .feature {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > * {\n width: 50%;\n }\n .feature-content {\n width: 50%;\n margin-left: 3em;\n margin-right: 6em;\n }\n .feature-ill {\n width: 50%;\n margin-left: 6em;\n margin-right: 0;\n }\n\n &.reverse {\n flex-direction: row-reverse;\n\n .feature-content {\n margin-left: 6em;\n margin-right: 3em;\n }\n .feature-ill {\n margin-left: 0;\n margin-right: 6em;\n }\n }\n }\n }\n\n .home .main {\n img {\n width: auto;\n margin: 0 auto;\n }\n }\n\n}\n\n/*==============================================================================\n @Widget Wrap - #{$filename}\n==============================================================================*/\n\n.widget-wrap {\n margin: 2em 0;\n\n .widget {\n margin: 1em 0;\n }\n .widget .button {\n display: block;\n }\n}\n\n@include media-min('small') {\n .widget-wrap {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n\n .widget {\n flex: 1 1 25%;\n }\n .widget + .widget {\n margin-left: 2em;\n }\n .widget .button {\n display: inline-block;\n }\n }\n}\n\n/*==============================================================================\n @Widgets - #{$filename}\n==============================================================================*/\n\n/**\n * Widget\n */\n.widget {\n margin: 0;\n padding: 2rem 0;\n @include border-radius();\n\n &:first-child {\n padding-top: 1rem;\n }\n &:last-child {\n padding-bottom: 1rem;\n }\n .widget + .widget {\n border-top: 1px solid rgba($black, 0.1);\n }\n\n &.card {\n padding: 1em 2em;\n border: 1px solid $border-color;\n @include border-radius();\n }\n}\n.widget h2 {\n margin: 1rem 0;\n font-size: px-to-em(16px);\n @include font-weight('semi-bold');\n\n a {\n color: $color;\n }\n a:hover {\n color: $color-link;\n }\n}\n\n/**\n * Widget Menu\n */\n.widget-menu {\n margin-right: 2em;\n\n ul {\n list-style: none;\n margin: 1em 0;\n }\n ul ul {\n margin: 0 0 0 1em;\n }\n ul li {\n margin: 1px 0;\n }\n ul li a {\n display: block;\n padding: 0.5em 1em;\n color: $color-light;\n border: 0 none;\n @include border-radius();\n\n &:hover {\n background: $bg-color;\n color: $color;\n text-decoration: none;\n }\n }\n\n // Active Item\n .active > a {\n color: $color-link;\n\n &:hover {\n color: $color-link;\n }\n }\n\n // Display Styles\n ul ul {\n display: none;\n }\n .active > ul {\n display: block;\n }\n}\n\n/**\n * Widget Contents\n */\n.widget-contents {\n .active > a {\n color: $color-light;\n border: 0 none;\n }\n}\n\n/**\n * Widget Action\n */\n.widget-action {\n display: none;\n}\n@include media-min('medium') {\n .widget-action {\n display: block;\n }\n}\n\n/**\n * Widget Back\n */\n.widget-back {\n text-align: center;\n\n &:first-child,\n &:last-child {\n padding: 0;\n }\n}\n@include media-min('medium') {\n .widget-back {\n margin: 0;\n text-align: left;\n\n &:first-child,\n &:last-child {\n padding: 1em 0;\n }\n }\n}\n\n/*==============================================================================\n @Main - #{$filename}\n==============================================================================*/\n\n/**\n * Tables\n */\n.table-docs {\n @extend .table.rowed;\n @extend .table.expanded;\n @extend .table.valign-middle;\n}\n@media screen and (max-width: 759px) {\n .table-docs {\n tr, th, td {\n display: block;\n }\n\n tr {\n padding: map-get($tables, 'padding');\n border-bottom: map-get($tables, 'border');\n\n &:first-child {\n border-top: map-get($tables, 'border');\n }\n }\n\n tr {\n th,\n td {\n padding: 0.5rem 0;\n border-bottom: 1px dotted rgba($black, 0.1);\n }\n }\n tr {\n th:last-child,\n td:last-child {\n border-bottom: 0 none;\n }\n }\n\n tbody:first-child tr:first-child {\n th,\n td {\n border-top: 0 none;\n }\n }\n }\n}\n\n/**\n * Lists\n */\n.list-docs {\n @extend .list.rowed;\n @extend .list.flush;\n margin: 1.5rem 0;\n\n h3 {\n font-size: px-to-em(18px);\n color: $color-light;\n @include font-weight('light');\n }\n}\n.list-docs.numbered {\n counter-reset: list-counter;\n\n li {\n position: relative;\n padding-left: 3em;\n\n &:before {\n content: counter(list-counter);\n \tcounter-increment: list-counter;\n position: absolute;\n top: 1.5rem;\n left: 0;\n font-size: 2em;\n line-height: 1.5em;\n color: $color-light;\n }\n }\n}\n\n.subsection:last-child .list-docs:last-child li:last-child {\n border-bottom: 0 none;\n}\n\n/**\n * Sections\n */\n.subsection {\n margin: 2rem 0;\n}\n\n@include media-min('medium') {\n .subsection {\n margin: 3rem 0;\n }\n}\n\n/**\n * Article Listing\n */\n.article-listing {\n list-style: none;\n margin: 0;\n\n li {\n margin: 2rem 0;\n\n &:first-child {\n margin-top: 0;\n }\n }\n h1 {\n font-size: 2em;\n }\n}\n\n/**\n * Article\n */\n.article {\n position: relative;\n\n header {\n text-align: center;\n\n &:after {\n content: '';\n display: inline-block;\n margin: 1em auto;\n height: 1px;\n width: 3em;\n background: rgba($black, 0.1);\n }\n }\n .date,\n .meta {\n text-transform: uppercase;\n letter-spacing: 1px;\n color: $color-light;\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n }\n .content {\n font-size: px-to-em(16em);\n line-height: 1.5em;\n }\n}\n\n/**\n * Page Navigation\n */\n.page-nav {\n margin: 2em 0;\n\n .button {\n display: block;\n margin: 0.5em 0;\n }\n}\n\n@include media-min('small') {\n .page-nav {\n margin: 4em 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .button {\n width: 50%;\n margin-right: 1em;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n\n/**\n * Featured Images\n */\n.main .featured {\n margin: 0 0 2em 0;\n width: 100%;\n height: auto;\n}\n\n/**\n * Comments\n */\n.comments-wrapper {\n margin: 2em 0;\n}\n@include media-min('medium') {\n .comments-wrapper {\n margin: 6em 0;\n }\n}\n\n/*==============================================================================\n @Blocks - #{$filename}\n==============================================================================*/\n\n/**\n * Blocks\n */\n.block-action {\n margin: 2em 0;\n padding: 1.5em 3em;\n // border: 1px solid rgba($black, 0.1);\n // background: $deep-purple-700;\n @include linear-gradient(45deg, $pink-900, $deep-purple-900);\n @include border-radius();\n color: $white;\n text-align: center;\n\n h3 {\n color: $white;\n }\n .button-group-wrapper {\n display: block;\n .button {\n width: 100%;\n display: block;\n background-clip: padding-box;\n }\n }\n}\n\n@include media-min('medium') {\n .block-action {\n .button-group-wrapper {\n display: inline-block;\n .button {\n width: auto;\n display: inline-block;\n }\n }\n }\n}\n\n/*==============================================================================\n @Footer - #{$filename}\n==============================================================================*/\n\n.footer {\n color: $color-light;\n text-align: center;\n\n .logo {\n border: 0 none;\n }\n img {\n display: inline-block;\n opacity: 0.4;\n }\n\n a {\n color: $color-light;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@include media-min('medium') {\n .footer {\n text-align: left;\n\n .logo {\n position: relative;\n top: -3px;\n float: right;\n }\n img {\n margin: 0;\n }\n }\n}\n\n/*==============================================================================\n @End - #{$filename}\n==============================================================================*/\n","// Set file variable\n$filename: 'scss/custom/_demos.scss';\n\n/*==============================================================================\n @Demo - #{$filename}\n==============================================================================*/\n\n.demo {\n margin: 1.5em -1.5em;\n padding: 0 1.5em;\n overflow: auto;\n border-top: 1px solid rgba($black, 0.1);\n border-bottom: 1px solid rgba($black, 0.1);\n\n .box {\n @include size(50px);\n margin: 0 auto;\n color: $white;\n background: $blue;\n @include border-radius();\n }\n}\n\n@include media-min('medium') {\n .demo {\n margin: 1.5em 0;\n padding: 1.5em 3em;\n border: 1px solid rgba($black, 0.1);\n @include border-radius();\n }\n}\n\n/**\n * Vertical Center\n */\n.demo.demo-vertical-center {\n height: 200px;\n\n .box {\n @include vertical-center();\n }\n}\n\n/**\n * Border Radius\n */\n.demo-border-radius {\n display: inline-block;\n background: $blue;\n @include size(30px);\n}\n.mixin-border-radius {\n @include border-radius(50%);\n}\n.mixin-border-radius-top {\n @include border-radius-top(50%);\n}\n.mixin-border-radius-top-left {\n @include border-radius-top-left(50%);\n}\n.mixin-border-radius-top-right {\n @include border-radius-top-right(50%);\n}\n.mixin-border-radius-bottom {\n @include border-radius-bottom(50%);\n}\n.mixin-border-radius-bottom-left {\n @include border-radius-bottom-left(50%);\n}\n.mixin-border-radius-bottom-right {\n @include border-radius-bottom-right(50%);\n}\n.mixin-border-radius-left {\n @include border-radius-left(50%);\n}\n.mixin-border-radius-left-top {\n @include border-radius-left-top(50%);\n}\n.mixin-border-radius-left-bottom {\n @include border-radius-left-bottom(50%);\n}\n.mixin-border-radius-right {\n @include border-radius-right(50%);\n}\n.mixin-border-radius-right-top {\n @include border-radius-right-top(50%);\n}\n.mixin-border-radius-right-bottom {\n @include border-radius-right-bottom(50%);\n}\n\n/**\n * Transform\n */\n.demo.demo-transform-skew {\n .box {\n @include transform(skew(30deg, 10deg));\n }\n}\n\n/**\n * Rotate\n */\n.demo.demo-rotate {\n .box {\n @include rotate(45deg);\n }\n}\n\n/**\n * Transition\n */\n.demo.demo-transition {\n .box {\n background-color: $blue;\n @include transition();\n\n &:hover {\n background-color: $red;\n }\n }\n}\n\n/**\n * Animation\n */\n@include keyframes('example') {\n 0% { background-color: $red; }\n 50% { background-color: $blue; }\n 100% { background-color: $red; }\n}\n.demo.demo-animation {\n .box {\n @include animation(example 10s linear 1s infinite normal);\n }\n}\n\n/**\n * Linear Gradient\n */\n.demo.demo-linear-gradient {\n .box {\n width: 100%;\n @include linear-gradient(to right, $green, $blue, $purple);\n }\n}\n\n/**\n * Radial Gradient\n */\n.demo.demo-radial-gradient {\n .box {\n // @include size(100px);\n width: 100%;\n height: 100px;\n @include radial-gradient(circle, $purple, $deep-purple);\n }\n}\n\n/**\n * Text Truncate\n */\n.demo.demo-text-truncate {\n .box {\n @include size(150px, auto);\n padding: 1em 1.5em;\n @include text-truncate();\n }\n}\n\n/**\n * Text Hide\n */\n.demo.demo-logo-image {\n .logo {\n display: block;\n margin: 1.5rem auto;\n padding: 0;\n border: 0 none;\n background: url(\"../img/baseweb-hori-black.svg\") no-repeat left center;\n background-size: 187px 40px;\n @include size(187px, 40px);\n @include text-hide();\n }\n}\n\n/**\n * Text Mask\n */\n.demo.demo-text-mask {\n @include make-text-mask(url('../img/demo-mask.jpg'), rgba($black, 0.25));\n\n p {\n margin: 1rem 0;\n font-size: 4em;\n line-height: 1em;\n text-align: center;\n text-transform: uppercase;\n font-weight: 900;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n/**\n * Triangle\n */\n.demo.demo-triangle {\n text-align: center;\n @include clearfix();\n}\n%triangle {\n @include make-triangle-base();\n}\n.example-triangle-1 {\n @extend %triangle;\n @include make-triangle( 14px, $blue, 'left' );\n}\n.example-triangle-2 {\n @extend %triangle;\n @include make-triangle( 14px, $purple, 'down' );\n}\n.example-triangle-3 {\n @extend %triangle;\n @include make-triangle( 14px, $red, 'right' );\n}\n\n/**\n * Grid System\n */\n.demo-grid {\n margin: 1.5rem 0;\n}\n.demo-grid .col {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n.demo-grid .col p {\n margin: 0;\n padding: 1rem;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n @include border-radius();\n}\n\n/**\n * Semantic Grid Demo\n */\n.demo-grid-semantic {\n .demo-wrapper,\n .demo-content,\n .demo-aside,\n .demo-article {\n background: rgba($blue, 0.1);\n\n p {\n margin: 0;\n padding: 1rem;\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n }\n }\n\n .demo-aside,\n .demo-article {\n p {\n margin: 0.75rem 0;\n background: rgba($black, 0.05);\n @include border-radius();\n }\n }\n\n .demo-wrapper {\n @include make-container();\n }\n .demo-content {\n @include make-row();\n }\n .demo-aside,\n .demo-article {\n @include make-column-base();\n }\n .demo-aside {\n width: column-width(4);\n }\n .demo-article {\n width: column-width(8);\n }\n}\n\n/**\n * Prefix and Suffix Grid Demo\n */\n @include media-min('medium') {\n .demo-grid-prefix-suffix {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n }\n.demo-grid-prefix-suffix {\n .row {\n background: rgba($blue, 0.1);\n }\n}\n\n/**\n * Nested Grid Demo\n */\n@include media-min('medium') {\n .demo-grid-nested {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n}\n.demo-grid-nested .col {\n margin-top: 0;\n margin-bottom: 0;\n background: rgba($blue, 0.1);\n}\n.demo-grid-nested .col p {\n margin: 0.75rem 0;\n @include text-truncate();\n}\n\n/**\n * Mini Grid\n */\n.demo.demo-mini-grid {\n padding: 1.5em 3em;\n}\n.demo-mini-grid .mini-grid {\n margin: 1rem 0;\n @include clearfix();\n}\n.demo-mini-grid .mini-grid > * {\n margin: 0;\n padding: 1rem 0;\n background: rgba($black, 0.05);\n font-family: $font-family-mono;\n font-size: px-to-em(14px);\n line-height: 1.5em;\n text-align: center;\n border-left: 1px solid rgba($black, 0.1);\n\n &:first-child {\n border-left: 0 none;\n @include border-radius-left();\n }\n &:last-child {\n @include border-radius-right();\n }\n}\n\n/**\n * Buttons\n */\n.demo-buttons {\n padding-top: 1rem;\n\n > p {\n @include clearfix();\n margin-left: -0.5rem;\n }\n\n .button,\n .button-custom,\n .button-custom-mobile {\n float: left;\n margin: 0.5rem 0 0 0.5rem;\n }\n}\n.demo-buttons-mobile {\n > p {\n margin-left: 0;\n }\n\n .button,\n .button-custom-mobile {\n margin-left: 0;\n }\n}\n\n.button-custom {\n @include make-button();\n @include add-button-color((\n 'color' : $white,\n 'background' : $purple\n ));\n}\n.button-custom-mobile {\n @include make-button();\n @include add-button-color();\n @include add-button-block();\n}\n\n/**\n * Notices\n */\n.demo .notice {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.notice.custom {\n @include add-notice-color((\n 'background' : $teal-50,\n 'inverted' : (\n 'background' : $teal\n )\n ));\n}\n\n/**\n * Breadcrumb\n */\n.custom-breadcrumb {\n @include make-breadcrumb((\n 'color' : $green,\n 'color-hover' : $red,\n 'delimiter' : 'ยป'\n ));\n}\n.breadcrumb.custom-wrapped {\n @include add-breadcrumb-wrapped((\n 'background' : $amber-50,\n 'border' : 1px solid rgba($black, 0.1),\n 'border-radius' : 50px,\n 'padding' : 1em 2em\n ));\n}\n\n/**\n * Dropdown\n */\n.demo-dropdown {\n @include clearfix();\n padding: 2em 3em 2em;\n overflow: visible;\n\n > .dropdown-trigger {\n float: left;\n margin: 1em 1em 1em 0;\n }\n}\n.demo-dropdown-styles {\n padding: 2em 3em 3em;\n\n > .dropdown,\n > .dropdown-content,\n > .dropdown-menu {\n float: left;\n margin: 1em 1em 0 0;\n }\n}\n\n/**\n * Tabs\n */\n.demo-tabs.inverted {\n background: $color;\n}\n\n/**\n * Off-Canvas\n */\n.demo-off-canvas {\n padding: 0;\n\n .oc-wrap {\n height: 100%;\n }\n .oc-content {}\n .oc-inner {\n padding: 1.5em;\n }\n .oc-aside {\n position: absolute;\n padding: 1em 2em;\n\n .button.close {\n margin: 0 -1rem;\n }\n }\n\n form {\n margin: 0;\n }\n .input[readonly] {\n font-family: $font-family-mono;\n color: $red;\n opacity: 1;\n background: rgba($white, 0.5);\n\n &:focus {\n background: $white;\n }\n }\n .oc-trigger {\n white-space: normal;\n }\n}\n\n@include media-min('medium') {\n .demo-off-canvas {\n padding: 1.5em;\n\n .oc-inner {\n padding: 3em;\n }\n }\n}\n\n.oc-custom {\n @include make-off-canvas((\n 'aside-position' : absolute,\n 'background-aside' : $blue-gray,\n 'background-content' : $brown-100\n ));\n .oc-aside {\n color: $white;\n }\n}\n\n@include add-off-canvas-transition($target: 'oc-aside-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'oc-aside-right', $style: 'scale-rotate-right');\n\n// All transition effects\n@include add-off-canvas-transition($target: 'slide-in-left', $style: 'slide-in-left');\n@include add-off-canvas-transition($target: 'slide-in-right', $style: 'slide-in-right');\n\n@include add-off-canvas-transition($target: 'reveal-left', $style: 'reveal-left');\n@include add-off-canvas-transition($target: 'reveal-right', $style: 'reveal-right');\n\n@include add-off-canvas-transition($target: 'slide-along-left', $style: 'slide-along-left');\n@include add-off-canvas-transition($target: 'slide-along-right', $style: 'slide-along-right');\n\n@include add-off-canvas-transition($target: 'slide-out-left', $style: 'slide-out-left');\n@include add-off-canvas-transition($target: 'slide-out-right', $style: 'slide-out-right');\n\n@include add-off-canvas-transition($target: 'scale-down-left', $style: 'scale-down-left');\n@include add-off-canvas-transition($target: 'scale-down-right', $style: 'scale-down-right');\n\n@include add-off-canvas-transition($target: 'scale-up-left', $style: 'scale-up-left');\n@include add-off-canvas-transition($target: 'scale-up-right', $style: 'scale-up-right');\n\n@include add-off-canvas-transition($target: 'scale-rotate-left', $style: 'scale-rotate-left');\n@include add-off-canvas-transition($target: 'scale-rotate-right', $style: 'scale-rotate-right');\n\n@include add-off-canvas-transition($target: 'open-door-left', $style: 'open-door-left');\n@include add-off-canvas-transition($target: 'open-door-right', $style: 'open-door-right');\n","// Set file variable\n$filename: 'scss/docs/_swatches.scss';\n\n/*==============================================================================\n @Swatches - #{$filename}\n ---\n Where we style our color presentation. Swatches refer to color samples.\n==============================================================================*/\n\n/**\n * Swatch\n */\n.swatch {\n display: inline-block;\n border: 1px solid rgba($black, 0.1);\n @include size(44px);\n @include border-radius();\n}\n\n// Typography\n.bg-color { background: $color; }\n.bg-color-light { background: $color-light; }\n.bg-color-dark { background: $color-dark; }\n.bg-color-heading { background: $color-heading; }\n.bg-color-link { background: $color-link; }\n.bg-color-link-hover { background: $color-link-hover; }\n.bg-color-link-heading { background: $color-link-heading; }\n.bg-color-link-heading-hover { background: $color-link-heading-hover; }\n\n// Global\n.bg-bg-color { background: $bg-color; }\n.bg-bg-selection { background: $bg-selection; }\n.bg-border-color { background: $border-color; }\n.bg-border-color-hover { background: $border-color-hover; }\n\n/**\n * Swatch and Value combo\n */\n.swatch-wrap {\n position: relative;\n height: 44px;\n min-width: 44px;\n\n .swatch {\n position: absolute;\n top: 0;\n left: 0;\n }\n .swatch-value {\n margin-left: 49px;\n display: inline-block;\n width: auto;\n font-family: $font-family-mono;\n }\n}\n\n/**\n * Swatch Cards\n */\n.swatch-card {\n margin: 2em 0;\n\n ul {\n margin: 0.5em 0 0;\n list-style: none;\n }\n ul li {\n margin: 0;\n }\n}\n\n@include media-min('medium') {\n .swatch-card-wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 -2em 2em 0;\n }\n .swatch-card {\n flex: 1 0 auto;\n width: 40%;\n margin: 2em 2em 0 0;\n }\n}\n\n.swatch-card .swatch {\n display: block;\n width: auto;\n height: auto;\n padding: 1em;\n border: none;\n border-radius: 0;\n color: $white;\n\n &.text-dark {\n color: $color;\n }\n\n .name {\n display: block;\n margin-bottom: 3em;\n padding-bottom: 0.5em;\n border-bottom: 1px solid rgba($white, 0.25);\n text-transform: capitalize;\n }\n &.text-dark .name {\n border-color: rgba($black, 0.1);\n }\n\n .var,\n .hex {\n font-family: $font-family-mono;\n }\n .hex {\n float: right;\n }\n}\n","// Set file variable\n$filename: 'scss/docs/_highlight.scss';\n\n/*==============================================================================\n @Code - #{$filename}\n==============================================================================*/\n\nfigure {\n margin: 1em 0;\n}\n\n.highlight {\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; } // Error\n .k { font-weight: bold } // Keyword\n .o { font-weight: bold } // Operator\n .cm { color: #998; font-style: italic } // Comment.Multiline\n .cp { color: #999; font-weight: bold } // Comment.Preproc\n .c1 { color: #998; font-style: italic } // Comment.Single\n .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n .gd { color: #000; } // Generic.Deleted\n .gd .x { color: #000; } // Generic.Deleted.Specific\n .ge { font-style: italic } // Generic.Emph\n .gr { color: #a00 } // Generic.Error\n .gh { color: #999 } // Generic.Heading\n .gi { color: #000; } // Generic.Inserted\n .gi .x { color: #000; } // Generic.Inserted.Specific\n .go { color: #888 } // Generic.Output\n .gp { color: #555 } // Generic.Prompt\n .gs { font-weight: bold } // Generic.Strong\n .gu { color: #aaa } // Generic.Subheading\n .gt { color: #a00 } // Generic.Traceback\n .kc { font-weight: bold } // Keyword.Constant\n .kd { font-weight: bold } // Keyword.Declaration\n .kp { font-weight: bold } // Keyword.Pseudo\n .kr { font-weight: bold } // Keyword.Reserved\n .kt { color: #458; font-weight: bold } // Keyword.Type\n .m { color: #099 } // Literal.Number\n .s { color: #d14 } // Literal.String\n .na { color: #008080 } // Name.Attribute\n .nb { color: #0086B3 } // Name.Builtin\n .nc { color: #458; font-weight: bold } // Name.Class\n .no { color: #008080 } // Name.Constant\n .ni { color: #800080 } // Name.Entity\n .ne { color: #900; font-weight: bold } // Name.Exception\n .nf { color: #900; font-weight: bold } // Name.Function\n .nn { color: #555 } // Name.Namespace\n .nt { color: #000080 } // Name.Tag\n .nv { color: #008080 } // Name.Variable\n .ow { font-weight: bold } // Operator.Word\n .w { color: #bbb } // Text.Whitespace\n .mf { color: #099 } // Literal.Number.Float\n .mh { color: #099 } // Literal.Number.Hex\n .mi { color: #099 } // Literal.Number.Integer\n .mo { color: #099 } // Literal.Number.Oct\n .sb { color: #d14 } // Literal.String.Backtick\n .sc { color: #d14 } // Literal.String.Char\n .sd { color: #d14 } // Literal.String.Doc\n .s2 { color: #d14 } // Literal.String.Double\n .se { color: #d14 } // Literal.String.Escape\n .sh { color: #d14 } // Literal.String.Heredoc\n .si { color: #d14 } // Literal.String.Interpol\n .sx { color: #d14 } // Literal.String.Other\n .sr { color: #009926 } // Literal.String.Regex\n .s1 { color: #d14 } // Literal.String.Single\n .ss { color: #990073 } // Literal.String.Symbol\n .bp { color: #999 } // Name.Builtin.Pseudo\n .vc { color: #008080 } // Name.Variable.Class\n .vg { color: #008080 } // Name.Variable.Global\n .vi { color: #008080 } // Name.Variable.Instance\n .il { color: #099 } // Literal.Number.Integer.Long\n}\n"]}
\ No newline at end of file
diff --git a/docs/src/scss/styles.scss b/docs/src/scss/styles.scss
index 44ad4177..241be0c7 100644
--- a/docs/src/scss/styles.scss
+++ b/docs/src/scss/styles.scss
@@ -1,7 +1,7 @@
/*!
* BaseWeb
* A fresh front-end development framework
- * @version 2.3.6
+ * @version 2.4.0
*
* @author Sebastian Nitu
* @url https://github.com/sebnitu/BaseWeb
diff --git a/package.json b/package.json
index 05261814..04c0a149 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "baseweb",
"description": "BaseWeb is a fresh SCSS (Sassy CSS) front-end development tool that can be used as a framework or library. It's built to help keep your projects simple, organized and responsive.",
- "version": "2.3.6",
+ "version": "2.4.0",
"keywords": [
"BaseWeb",
"CSS",
diff --git a/src/scss/baseweb.scss b/src/scss/baseweb.scss
index 269aa332..9ca6bc04 100644
--- a/src/scss/baseweb.scss
+++ b/src/scss/baseweb.scss
@@ -1,7 +1,7 @@
/*!
* BaseWeb
* A fresh front-end development framework
- * @version 2.3.6
+ * @version 2.4.0
*
* @author Sebastian Nitu
* @url https://github.com/sebnitu/BaseWeb