diff --git a/404.html b/404.html new file mode 100644 index 00000000..a7f45210 --- /dev/null +++ b/404.html @@ -0,0 +1 @@ +Oops! Nothing here...

HTTP 404

Oops! Nothing here...

Maybe the webpage was moved or deleted; or did you maybe mistype the link?

No problem!

Try…
…to start over on the home page;
…to search below;
if you can’t find it, ask about it.

diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..a99e813c --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +openenergydashboard.org \ No newline at end of file diff --git a/assets/css/atom.css b/assets/css/atom.css new file mode 100644 index 00000000..a42bb807 --- /dev/null +++ b/assets/css/atom.css @@ -0,0 +1 @@ +.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}*{display:block}:root{margin:3em;background:#fdfdfd;color:#111;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}feed>title{text-align:center;color:#6590aa;font-family:"Volkhov",Georgia,Times,serif;font-size:3.6615em;font-weight:bolder}feed>title::before{content:"Atom Feed for ";font-weight:initial}feed>title::after{content:"This Atom feed is meant to be used by RSS reader applications and websites.";display:block;padding:1em;background-color:#df4949;color:#fff;font-family:initial;font-size:initial;letter-spacing:initial}feed>id,feed>updated,feed>subtitle,feed>author,feed>link,feed>generator{display:none}entry{padding:1em 0;border-bottom:1px solid #020202}entry:last-child{border-bottom:none}entry>title{color:#a1d044;font-family:"Volkhov",Georgia,Times,serif;font-size:2.441em;margin-bottom:.5em}entry>link::after{content:attr(href);color:#334d5c}entry>updated{color:#a4a4a4;font-size:small}entry>summary{margin-top:1em}entry>id,entry>author,entry>category,entry>published,entry>content{display:none}/*# sourceMappingURL=atom.css.map */ \ No newline at end of file diff --git a/assets/css/atom.css.map b/assets/css/atom.css.map new file mode 100644 index 00000000..3a5ac10e --- /dev/null +++ b/assets/css/atom.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","atom.scss","../../_sass/_01_settings_colors.scss"],"names":[],"mappings":"AAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QC8RlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBC1XJ,EACC,cAGD,MACC,WACA,WCIqB,QDHrB,MCCqB,iBHMG,mDEFxB,WACC,kBACA,cACA,0CACA,mBACA,mBACA,mBACC,yBACA,oBAED,kBACC,sFACA,cACA,YACA,iBCJmB,QDKnB,WACA,oBACA,kBACA,uBAIF,wEAMC,aAIF,MACC,cACA,gCACA,iBACC,mBAGD,YACC,MC7BoB,QD8BpB,YFtCkB,8BEuClB,UFhBkB,QEiBlB,mBAGD,kBACC,mBACA,MC1CoB,QD6CrB,cACC,MClBoB,QDmBpB,gBAGD,cACC,eAGD,mEAKC","sourcesContent":["@charset \"utf-8\";\n/* TOC – Typography variables\n\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\n\n- Fonts\n- Font Weight\n- Font Size Variables\n\n*/\n\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\n\n\n\n/* Fonts\n------------------------------------------------------------------- */\n\n$base-font-size: 16px;\n$rem-base: $base-font-size;\n// $base-line-height is 24px while $base-font-size is 16px\n$base-line-height: 1.5 !default;\n\n\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\n\n$body-font-family: $font-family-sans-serif;\n$body-font-weight: normal;\n$body-font-style: normal;\n\n$header-font-family: $font-family-serif;\n\n\n\n/* Font Weight\n------------------------------------------------------------------- */\n\n$font-weight-normal: normal;\n$font-weight-bold: bold;\n\n\n\n/* Font Size Variables\n------------------------------------------------------------------- */\n\n$font-size-p: \t$base-font-size;\n$font-size-h1: 2.441em;\n$font-size-h2: 1.953em;\n$font-size-h3: 1.563em;\n$font-size-h4: 1.25em;\n$font-size-h5: 1.152em;\n$font-size-small: 0.8em;\n\n.font-size-h1 { font-size: $font-size-h1; }\n.font-size-h2 { font-size: $font-size-h2; }\n.font-size-h3 { font-size: $font-size-h3; }\n.font-size-h4 { font-size: $font-size-h4; }\n.font-size-h5 { font-size: $font-size-h5; }\n","@charset \"utf-8\";\n// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n//\n// Foundation Variables\n//\n\n// Data attribute namespace\n// styles get applied to [data-mysite-plugin], etc\n$namespace: false !default;\n\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\n// for compatibility with browser-based text zoom or user-set defaults.\n\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\n$base-font-size: 100% !default;\n\n\n\n//\n// Global Foundation Mixins\n//\n\n// @mixins\n//\n// We use this to control border radius.\n// $radius - Default: $global-radius || 4px\n@mixin radius($radius: $global-radius) {\n @if $radius {\n border-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We use this to create equal side border radius on elements.\n// $side - Options: left, right, top, bottom\n@mixin side-radius($side, $radius: $global-radius) {\n @if ($side ==left or $side ==right) {\n -webkit-border-bottom-#{$side}-radius: $radius;\n -webkit-border-top-#{$side}-radius: $radius;\n border-bottom-#{$side}-radius: $radius;\n border-top-#{$side}-radius: $radius;\n }\n\n @else {\n -webkit-#{$side}-left-radius: $radius;\n -webkit-#{$side}-right-radius: $radius;\n border-#{$side}-left-radius: $radius;\n border-#{$side}-right-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We can control whether or not we have inset shadows edges.\n// $active - Default: true, Options: false\n@mixin inset-shadow($active: true) {\n box-shadow: $shiny-edge-size $shiny-edge-color inset;\n\n @if $active {\n &:active {\n box-shadow: $shiny-edge-size $shiny-edge-active-color inset;\n }\n }\n}\n\n// @mixins\n//\n// We use this to add transitions to elements\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\n// $speed - Default: 300ms\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\n@mixin single-transition($property: all, $speed: 300ms, $ease: ease-out) {\n transition: $property $speed $ease;\n}\n\n// @mixins\n//\n// We use this to add box-sizing across browser prefixes\n@mixin box-sizing($type: border-box) {\n -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\n -moz-box-sizing: $type; // Firefox < 29\n box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\n}\n\n// @mixins\n//\n// We use this to create isosceles triangles\n// $triangle-size - Used to set border-size. No default, set a px or em size.\n// $triangle-color - Used to set border-color which makes up triangle. No default\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border: inset $triangle-size;\n\n @if ($triangle-direction ==top) {\n border-color: $triangle-color transparent transparent transparent;\n border-top-style: solid;\n }\n\n @if ($triangle-direction ==bottom) {\n border-color: transparent transparent $triangle-color transparent;\n border-bottom-style: solid;\n }\n\n @if ($triangle-direction ==left) {\n border-color: transparent transparent transparent $triangle-color;\n border-left-style: solid;\n }\n\n @if ($triangle-direction ==right) {\n border-color: transparent $triangle-color transparent transparent;\n border-right-style: solid;\n }\n}\n\n// @mixins\n//\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n// $width - Width of hamburger icon in rem\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\n// $top - If false, icon will be centered vertically || explicitly set value in rem\n// $thickness - thickness of lines in hamburger icon, set value in px\n// $gap - spacing between the lines in hamburger icon, set value in px\n// $color - icon color\n// $hover-color - icon color during hover\n// $offcanvas - Set to true of @include in offcanvas\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\n span::after {\n content: \"\";\n position: absolute;\n display: block;\n height: 0;\n\n @if $offcanvas {\n @if $top {\n top: $top;\n }\n\n @else {\n top: 50%;\n margin-top: (-$width/2);\n }\n\n @if $left {\n left: $left;\n }\n\n @else {\n left: ($tabbar-menu-icon-width - $width)/2;\n }\n }\n\n @else {\n top: 50%;\n margin-top: -($width/2);\n #{$opposite-direction}: $topbar-link-padding;\n }\n\n box-shadow: 0 0 0 $thickness $color,\n 0 ($gap + $thickness) 0 $thickness $color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $color;\n width: $width;\n }\n\n span:hover:after {\n box-shadow:\n 0 0 0 $thickness $hover-color,\n 0 $gap + $thickness 0 $thickness $hover-color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\n }\n}\n\n// We use this to do clear floats\n@mixin clearfix {\n\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n// @mixins\n//\n// We use this to add a glowing effect to block elements\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\n// $fade-time - Default: 300ms\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\n@mixin block-glowing-effect($selector: focus, $fade-time: 300ms, $glowing-effect-color: fade-out($primary-color, .25)) {\n transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\n\n &:#{$selector} {\n box-shadow: 0 0 5px $glowing-effect-color;\n border-color: $glowing-effect-color;\n }\n}\n\n// @mixins\n//\n// We use this to translate elements in 2D\n// $horizontal: Default: 0\n// $vertical: Default: 0\n@mixin translate2d($horizontal: 0, $vertical: 0) {\n transform: translate($horizontal, $vertical)\n}\n\n// @mixins\n//\n// Makes an element visually hidden, but accessible.\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n@mixin element-invisible {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n// @mixins\n//\n// Turns off the element-invisible effect.\n@mixin element-invisible-off {\n position: static !important;\n height: auto;\n width: auto;\n overflow: visible;\n clip: auto;\n}\n\n\n// We use these to control text direction settings\n$text-direction: ltr !default;\n$default-float: left !default;\n$opposite-direction: right !default;\n\n@if $text-direction ==ltr {\n $default-float: left;\n $opposite-direction: right;\n}\n\n@else {\n $default-float: right;\n $opposite-direction: left;\n}\n\n// We use these to control inset shadow shiny edges and depressions.\n$shiny-edge-size: 0 1px 0 !default;\n$shiny-edge-color: rgba(#fff, .5) !default;\n$shiny-edge-active-color: rgba(#000, .2) !default;\n\n// We use this to control whether or not CSS classes come through in the gem files.\n$include-html-classes: true !default;\n$include-print-styles: true !default;\n$include-html-global-classes: $include-html-classes !default;\n\n$column-gutter: rem-calc(30) !default;\n\n\n\n\n// d. Media Query Ranges\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n$small-range: (\n 0em,\n 40em\n);\n$medium-range: (\n 40.063em,\n 64em\n);\n$large-range: (\n 64.063em,\n 90em\n);\n$xlarge-range: (\n 90.063em,\n 120em\n);\n$xxlarge-range: (\n 120.063em,\n 99999999em\n);\n\n\n$screen: \"only screen\" !default;\n\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\n\n$small-up: $screen !default;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\n\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\n\n// Legacy\n$small: $medium-up;\n$medium: $medium-up;\n$large: $large-up;\n\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\n$cursor-auto-value: auto !default;\n$cursor-crosshair-value: crosshair !default;\n$cursor-default-value: default !default;\n$cursor-pointer-value: pointer !default;\n$cursor-help-value: help !default;\n$cursor-text-value: text !default;\n\n\n@include exports(\"global\") {\n\n // Meta styles are included in all builds, as they are a dependency of the Javascript.\n // Used to provide media query values for javascript components.\n // Forward slash placed around everything to convince PhantomJS to read the value.\n\n meta.foundation-version {\n font-family: \"/5.5.0/\";\n }\n\n meta.foundation-mq-small {\n font-family: \"/\" + unquote($small-up) + \"/\";\n width: lower-bound($small-range);\n }\n\n meta.foundation-mq-small-only {\n font-family: \"/\" + unquote($small-only) + \"/\";\n width: lower-bound($small-range);\n }\n\n meta.foundation-mq-medium {\n font-family: \"/\" + unquote($medium-up) + \"/\";\n width: lower-bound($medium-range);\n }\n\n meta.foundation-mq-medium-only {\n font-family: \"/\" + unquote($medium-only) + \"/\";\n width: lower-bound($medium-range);\n }\n\n meta.foundation-mq-large {\n font-family: \"/\" + unquote($large-up) + \"/\";\n width: lower-bound($large-range);\n }\n\n meta.foundation-mq-large-only {\n font-family: \"/\" + unquote($large-only) + \"/\";\n width: lower-bound($large-range);\n }\n\n meta.foundation-mq-xlarge {\n font-family: \"/\" + unquote($xlarge-up) + \"/\";\n width: lower-bound($xlarge-range);\n }\n\n meta.foundation-mq-xlarge-only {\n font-family: \"/\" + unquote($xlarge-only) + \"/\";\n width: lower-bound($xlarge-range);\n }\n\n meta.foundation-mq-xxlarge {\n font-family: \"/\" + unquote($xxlarge-up) + \"/\";\n width: lower-bound($xxlarge-range);\n }\n\n meta.foundation-data-attribute-namespace {\n font-family: #{$namespace};\n }\n\n @if $include-html-global-classes {\n\n // Must be 100% for off canvas to work\n html,\n body {\n height: 100%;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *:before,\n *:after {\n @include box-sizing(border-box);\n }\n\n html,\n body {\n font-size: $base-font-size;\n }\n\n // Default body styles\n body {\n background: $body-bg;\n color: $body-font-color;\n padding: 0;\n margin: 0;\n font-family: $body-font-family;\n font-weight: $body-font-weight;\n font-style: $body-font-style;\n line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\n position: relative;\n cursor: $cursor-auto-value;\n }\n\n a:hover {\n cursor: $cursor-pointer-value;\n }\n\n // Grid Defaults to get images and embeds to work properly\n img {\n max-width: 100%;\n height: auto;\n }\n\n img {\n -ms-interpolation-mode: bicubic;\n }\n\n #map_canvas,\n .map_canvas {\n\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Miscellaneous useful HTML classes\n .left {\n float: left !important;\n }\n\n .right {\n float: right !important;\n }\n\n .clearfix {\n @include clearfix;\n }\n\n // Hide visually and from screen readers\n .hide {\n display: none !important;\n visibility: hidden;\n }\n\n // Hide visually and from screen readers, but maintain layout\n .invisible {\n visibility: hidden;\n }\n\n // Font smoothing\n // Antialiased font smoothing works best for light text on a dark background.\n // Apply to single elements instead of globally to body.\n // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n // Get rid of gap under images by making them display: inline-block; by default\n img {\n display: inline-block;\n vertical-align: middle;\n }\n\n //\n // Global resets for forms\n //\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n }\n\n // Make select elements 100% width by default\n select {\n width: 100%;\n }\n }\n}","@charset \"utf-8\";\n\n@import \"functions.scss\";\n\n$include-html-classes: false;\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n\n* {\n\tdisplay: block;\n}\n\n:root {\n\tmargin: 3em;\n\tbackground: $body-bg;\n\tcolor: $body-font-color;\n\tfont-family: $body-font-family;\n}\n\nfeed {\n\t> title {\n\t\ttext-align: center;\n\t\tcolor: lighten($primary-color, 25%);\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1 * 1.5;\n\t\tfont-weight: bolder;\n\t\t&::before {\n\t\t\tcontent: 'Atom Feed for ';\n\t\t\tfont-weight: initial;\n\t\t}\n\t\t&::after {\n\t\t\tcontent: \"This Atom feed is meant to be used by RSS reader applications and websites.\";\n\t\t\tdisplay: block;\n\t\t\tpadding: 1em;\n\t\t\tbackground-color: $alert-color;\n\t\t\tcolor: #fff;\n\t\t\tfont-family: initial;\n\t\t\tfont-size: initial;\n\t\t\tletter-spacing: initial;\n\t\t}\n\t}\n\t\n\t> id,\n\t> updated,\n\t> subtitle,\n\t> author,\n\t> link,\n\t> generator {\n\t\tdisplay: none;\n\t}\n}\n\nentry {\n\tpadding: 1em 0;\n\tborder-bottom: 1px solid invert($body-bg);\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t> title {\n\t\tcolor: $secondary-color;\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1;\n\t\tmargin-bottom: 0.5em;\n\t}\n\n\t> link::after {\n\t\tcontent: attr(href);\n\t\tcolor: $primary-color;\n\t}\n\n\t> updated {\n\t\tcolor: $grey-5;\n\t\tfont-size: small;\n\t}\n\n\t> summary {\n\t\tmargin-top: 1em;\n\t}\n\n\t> id,\n\t> author,\n\t> category,\n\t> published,\n\t> content {\n\t\tdisplay: none;\n\t}\n}\n","@charset \"utf-8\";\n/* TOC – Color Variables\n\n- Basics\n- Corporate Identity Colorpalette\n- Foundation Color Variables\n- Grey Scale\n- Topbar-Navigation\n- Footer\n- Code\n\n*/\n\n\n\n/* Basics\n------------------------------------------------------------------- */\n\n$text-color : #111;\n$body-font-color : $text-color;\n$body-bg : #fdfdfd;\n\n\n\n/* Corporate Identity Colorpalette\n https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\n------------------------------------------------------------------- */\n\n$ci-1 : #334D5C; // dark turquoise\n$ci-2 : #45B29D; // turquoise\n$ci-3 : #EFC94C; // yellow\n$ci-4 : #be6409; // dark orange\n$ci-5 : #DF4949; // red\n$ci-6 : #A1D044; // green\n\n\n\n/* Foundation Color Variables\n------------------------------------------------------------------- */\n\n$primary-color : $ci-1;\n$secondary-color : $ci-6;\n$alert-color : $ci-5;\n$success-color : $ci-6;\n$warning-color : $ci-4;\n$info-color : $ci-1;\n\n\n\n/* Grey Scale\n------------------------------------------------------------------- */\n\n$grey-1 : #E4E4E4;\n$grey-2 : #D7D7D7;\n$grey-3 : #CBCBCB;\n$grey-4 : #BEBEBE;\n$grey-5 : #A4A4A4;\n$grey-6 : #979797;\n$grey-7 : #8B8B8B;\n$grey-8 : #7E7E7E;\n$grey-9 : #646464;\n$grey-10 : #575757;\n$grey-11 : #4B4B4B;\n$grey-12 : #3E3E3E;\n$grey-13 : #313131;\n$grey-14 : #242424;\n$grey-15 : #171717;\n$grey-16 : #0B0B0B;\n\n\n\n/* Topbar-Navigation\n------------------------------------------------------------------- */\n\n$topbar-bg-color : $body-bg;\n$topbar-bg : $topbar-bg-color;\n\n\n$topbar-dropdown-toggle-color: $ci-1;\n\n$topbar-link-color : #000;\n$topbar-link-color-hover: #000;\n$topbar-link-color-active: #000;\n$topbar-link-color-active-hover: #000;\n\n$topbar-dropdown-label-color: $ci-2;\n$topbar-dropdown-link-bg-hover: $ci-6;\n\n$topbar-link-bg-active: $ci-6; // Active Navigation Link\n$topbar-link-bg-hover: $ci-6;\n$topbar-link-bg-active-hover: $ci-2;\n\n\n$topbar-dropdown-bg: $ci-6; // Background Mobile Navigation\n$topbar-dropdown-link-color: #000;\n$topbar-dropdown-link-bg: $ci-2;\n\n$topbar-menu-link-color-toggled: $ci-1;\n$topbar-menu-icon-color-toggled: $ci-1;\n$topbar-menu-link-color: #000;\n$topbar-menu-icon-color: #000;\n$topbar-menu-link-color-toggled: $ci-6;\n$topbar-menu-icon-color-toggled: $ci-6;\n\n\n\n/* Footer\n------------------------------------------------------------------- */\n\n$footer-bg : $grey-8;\n$footer-color : #fff;\n$footer-link-color : $ci-6;\n\n\n$subfooter-bg : $grey-13;\n$subfooter-color : $grey-8;\n$subfooter-link-color: $grey-8;\n\n\n\n/* Code\n------------------------------------------------------------------- */\n\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\n\n$highlight-background: #ffffff;\n$highlight-comment: #999988;\n$highlight-error: #a61717;\n$highlight-comment-special: #999999;\n$highlight-deleted: #000000;\n$highlight-error-2: #aa0000;\n$highlight-literal-string: #d14;\n$highlight-literal-number: #009999;\n$highlight-name-attribut: #008080;\n$highlight-error-background: #e3d2d2;\n$highlight-generic-deleted: #ffdddd;\n$highlight-generic-deleted-specific: #ffaaaa;\n$highlight-generic-inserted: #ddffdd;\n$highlight-generic-inserted-specific: #aaffaa;\n$highlight-generic-output: #888888;\n$highlight-generic-prompt: #555555;\n$highlight-subheading: #aaaaaa;\n$highlight-keyword-type: #445588;\n$highlight-name-builtin: #0086B3;\n$highlight-name-class: #445588;\n$highlight-name-entity: #800080;\n$highlight-name-exception: #990000;\n$highlight-name-function: #990000;\n$highlight-name-namespace: #555555;\n$highlight-name-tag: #000080;\n$highlight-text-whitespace: #bbbbbb;\n$highlight-literal-string-regex: #009926;\n$highlight-literal-string-symbol: #990073;\n\n\n/* links\n------------------------------------------------------------------- */\n$link-unvisited: #0921e2;\n$link-visited: #071582;\n$link-hover: darken( $link-unvisited, 10% );\n$link-focus: lighten( $link-unvisited, 20% );\n$link-active: darken( $link-unvisited, 20% );\n"],"file":"atom.css"} \ No newline at end of file diff --git a/assets/css/rss.css b/assets/css/rss.css new file mode 100644 index 00000000..14438a25 --- /dev/null +++ b/assets/css/rss.css @@ -0,0 +1 @@ +.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}*{display:block}:root{margin:3em;background:#fdfdfd;color:#111;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}channel>title{text-align:center;color:#6590aa;font-family:"Volkhov",Georgia,Times,serif;font-size:3.6615em;font-weight:bolder}channel>title::before{content:"RSS Feed for ";font-weight:initial}channel>title::after{content:"This RSS feed is meant to be used by RSS reader applications and websites.";display:block;padding:1em;background-color:#df4949;color:#fff;font-family:initial;font-size:initial;letter-spacing:initial}channel>description,channel>link{display:none}item{padding:1em 0;border-bottom:1px solid #020202}item:last-child{border-bottom:none}item>title{color:#a1d044;font-family:"Volkhov",Georgia,Times,serif;font-size:2.441em;margin-bottom:.5em}item>link{color:#334d5c}item>pubDate{color:#a4a4a4;font-size:small}item>description{margin-top:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}item>guid,item>category{display:none}/*# sourceMappingURL=rss.css.map */ \ No newline at end of file diff --git a/assets/css/rss.css.map b/assets/css/rss.css.map new file mode 100644 index 00000000..dc172797 --- /dev/null +++ b/assets/css/rss.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","rss.scss","../../_sass/_01_settings_colors.scss"],"names":[],"mappings":"AAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QC8RlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBC1XJ,EACC,cAGD,MACC,WACA,WCIqB,QDHrB,MCCqB,iBHMG,mDEFxB,cACC,kBACA,cACA,0CACA,mBACA,mBACA,sBACC,wBACA,oBAED,qBACC,qFACA,cACA,YACA,iBCJmB,QDKnB,WACA,oBACA,kBACA,uBAIF,iCAEC,aAIF,KACC,cACA,gCACA,gBACC,mBAGD,WACC,MCzBoB,QD0BpB,YFlCkB,8BEmClB,UFZkB,QEalB,mBAGD,UACC,MCrCoB,QDwCrB,aACC,MCboB,QDcpB,gBAGD,iBACC,eACA,gBACA,mBACA,uBAGD,wBAEC","sourcesContent":["@charset \"utf-8\";\n/* TOC – Typography variables\n\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\n\n- Fonts\n- Font Weight\n- Font Size Variables\n\n*/\n\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\n\n\n\n/* Fonts\n------------------------------------------------------------------- */\n\n$base-font-size: 16px;\n$rem-base: $base-font-size;\n// $base-line-height is 24px while $base-font-size is 16px\n$base-line-height: 1.5 !default;\n\n\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\n\n$body-font-family: $font-family-sans-serif;\n$body-font-weight: normal;\n$body-font-style: normal;\n\n$header-font-family: $font-family-serif;\n\n\n\n/* Font Weight\n------------------------------------------------------------------- */\n\n$font-weight-normal: normal;\n$font-weight-bold: bold;\n\n\n\n/* Font Size Variables\n------------------------------------------------------------------- */\n\n$font-size-p: \t$base-font-size;\n$font-size-h1: 2.441em;\n$font-size-h2: 1.953em;\n$font-size-h3: 1.563em;\n$font-size-h4: 1.25em;\n$font-size-h5: 1.152em;\n$font-size-small: 0.8em;\n\n.font-size-h1 { font-size: $font-size-h1; }\n.font-size-h2 { font-size: $font-size-h2; }\n.font-size-h3 { font-size: $font-size-h3; }\n.font-size-h4 { font-size: $font-size-h4; }\n.font-size-h5 { font-size: $font-size-h5; }\n","@charset \"utf-8\";\n// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n//\n// Foundation Variables\n//\n\n// Data attribute namespace\n// styles get applied to [data-mysite-plugin], etc\n$namespace: false !default;\n\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\n// for compatibility with browser-based text zoom or user-set defaults.\n\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\n$base-font-size: 100% !default;\n\n\n\n//\n// Global Foundation Mixins\n//\n\n// @mixins\n//\n// We use this to control border radius.\n// $radius - Default: $global-radius || 4px\n@mixin radius($radius: $global-radius) {\n @if $radius {\n border-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We use this to create equal side border radius on elements.\n// $side - Options: left, right, top, bottom\n@mixin side-radius($side, $radius: $global-radius) {\n @if ($side ==left or $side ==right) {\n -webkit-border-bottom-#{$side}-radius: $radius;\n -webkit-border-top-#{$side}-radius: $radius;\n border-bottom-#{$side}-radius: $radius;\n border-top-#{$side}-radius: $radius;\n }\n\n @else {\n -webkit-#{$side}-left-radius: $radius;\n -webkit-#{$side}-right-radius: $radius;\n border-#{$side}-left-radius: $radius;\n border-#{$side}-right-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We can control whether or not we have inset shadows edges.\n// $active - Default: true, Options: false\n@mixin inset-shadow($active: true) {\n box-shadow: $shiny-edge-size $shiny-edge-color inset;\n\n @if $active {\n &:active {\n box-shadow: $shiny-edge-size $shiny-edge-active-color inset;\n }\n }\n}\n\n// @mixins\n//\n// We use this to add transitions to elements\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\n// $speed - Default: 300ms\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\n@mixin single-transition($property: all, $speed: 300ms, $ease: ease-out) {\n transition: $property $speed $ease;\n}\n\n// @mixins\n//\n// We use this to add box-sizing across browser prefixes\n@mixin box-sizing($type: border-box) {\n -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\n -moz-box-sizing: $type; // Firefox < 29\n box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\n}\n\n// @mixins\n//\n// We use this to create isosceles triangles\n// $triangle-size - Used to set border-size. No default, set a px or em size.\n// $triangle-color - Used to set border-color which makes up triangle. No default\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border: inset $triangle-size;\n\n @if ($triangle-direction ==top) {\n border-color: $triangle-color transparent transparent transparent;\n border-top-style: solid;\n }\n\n @if ($triangle-direction ==bottom) {\n border-color: transparent transparent $triangle-color transparent;\n border-bottom-style: solid;\n }\n\n @if ($triangle-direction ==left) {\n border-color: transparent transparent transparent $triangle-color;\n border-left-style: solid;\n }\n\n @if ($triangle-direction ==right) {\n border-color: transparent $triangle-color transparent transparent;\n border-right-style: solid;\n }\n}\n\n// @mixins\n//\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n// $width - Width of hamburger icon in rem\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\n// $top - If false, icon will be centered vertically || explicitly set value in rem\n// $thickness - thickness of lines in hamburger icon, set value in px\n// $gap - spacing between the lines in hamburger icon, set value in px\n// $color - icon color\n// $hover-color - icon color during hover\n// $offcanvas - Set to true of @include in offcanvas\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\n span::after {\n content: \"\";\n position: absolute;\n display: block;\n height: 0;\n\n @if $offcanvas {\n @if $top {\n top: $top;\n }\n\n @else {\n top: 50%;\n margin-top: (-$width/2);\n }\n\n @if $left {\n left: $left;\n }\n\n @else {\n left: ($tabbar-menu-icon-width - $width)/2;\n }\n }\n\n @else {\n top: 50%;\n margin-top: -($width/2);\n #{$opposite-direction}: $topbar-link-padding;\n }\n\n box-shadow: 0 0 0 $thickness $color,\n 0 ($gap + $thickness) 0 $thickness $color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $color;\n width: $width;\n }\n\n span:hover:after {\n box-shadow:\n 0 0 0 $thickness $hover-color,\n 0 $gap + $thickness 0 $thickness $hover-color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\n }\n}\n\n// We use this to do clear floats\n@mixin clearfix {\n\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n// @mixins\n//\n// We use this to add a glowing effect to block elements\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\n// $fade-time - Default: 300ms\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\n@mixin block-glowing-effect($selector: focus, $fade-time: 300ms, $glowing-effect-color: fade-out($primary-color, .25)) {\n transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\n\n &:#{$selector} {\n box-shadow: 0 0 5px $glowing-effect-color;\n border-color: $glowing-effect-color;\n }\n}\n\n// @mixins\n//\n// We use this to translate elements in 2D\n// $horizontal: Default: 0\n// $vertical: Default: 0\n@mixin translate2d($horizontal: 0, $vertical: 0) {\n transform: translate($horizontal, $vertical)\n}\n\n// @mixins\n//\n// Makes an element visually hidden, but accessible.\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n@mixin element-invisible {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n// @mixins\n//\n// Turns off the element-invisible effect.\n@mixin element-invisible-off {\n position: static !important;\n height: auto;\n width: auto;\n overflow: visible;\n clip: auto;\n}\n\n\n// We use these to control text direction settings\n$text-direction: ltr !default;\n$default-float: left !default;\n$opposite-direction: right !default;\n\n@if $text-direction ==ltr {\n $default-float: left;\n $opposite-direction: right;\n}\n\n@else {\n $default-float: right;\n $opposite-direction: left;\n}\n\n// We use these to control inset shadow shiny edges and depressions.\n$shiny-edge-size: 0 1px 0 !default;\n$shiny-edge-color: rgba(#fff, .5) !default;\n$shiny-edge-active-color: rgba(#000, .2) !default;\n\n// We use this to control whether or not CSS classes come through in the gem files.\n$include-html-classes: true !default;\n$include-print-styles: true !default;\n$include-html-global-classes: $include-html-classes !default;\n\n$column-gutter: rem-calc(30) !default;\n\n\n\n\n// d. Media Query Ranges\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n$small-range: (\n 0em,\n 40em\n);\n$medium-range: (\n 40.063em,\n 64em\n);\n$large-range: (\n 64.063em,\n 90em\n);\n$xlarge-range: (\n 90.063em,\n 120em\n);\n$xxlarge-range: (\n 120.063em,\n 99999999em\n);\n\n\n$screen: \"only screen\" !default;\n\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\n\n$small-up: $screen !default;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\n\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\n\n// Legacy\n$small: $medium-up;\n$medium: $medium-up;\n$large: $large-up;\n\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\n$cursor-auto-value: auto !default;\n$cursor-crosshair-value: crosshair !default;\n$cursor-default-value: default !default;\n$cursor-pointer-value: pointer !default;\n$cursor-help-value: help !default;\n$cursor-text-value: text !default;\n\n\n@include exports(\"global\") {\n\n // Meta styles are included in all builds, as they are a dependency of the Javascript.\n // Used to provide media query values for javascript components.\n // Forward slash placed around everything to convince PhantomJS to read the value.\n\n meta.foundation-version {\n font-family: \"/5.5.0/\";\n }\n\n meta.foundation-mq-small {\n font-family: \"/\" + unquote($small-up) + \"/\";\n width: lower-bound($small-range);\n }\n\n meta.foundation-mq-small-only {\n font-family: \"/\" + unquote($small-only) + \"/\";\n width: lower-bound($small-range);\n }\n\n meta.foundation-mq-medium {\n font-family: \"/\" + unquote($medium-up) + \"/\";\n width: lower-bound($medium-range);\n }\n\n meta.foundation-mq-medium-only {\n font-family: \"/\" + unquote($medium-only) + \"/\";\n width: lower-bound($medium-range);\n }\n\n meta.foundation-mq-large {\n font-family: \"/\" + unquote($large-up) + \"/\";\n width: lower-bound($large-range);\n }\n\n meta.foundation-mq-large-only {\n font-family: \"/\" + unquote($large-only) + \"/\";\n width: lower-bound($large-range);\n }\n\n meta.foundation-mq-xlarge {\n font-family: \"/\" + unquote($xlarge-up) + \"/\";\n width: lower-bound($xlarge-range);\n }\n\n meta.foundation-mq-xlarge-only {\n font-family: \"/\" + unquote($xlarge-only) + \"/\";\n width: lower-bound($xlarge-range);\n }\n\n meta.foundation-mq-xxlarge {\n font-family: \"/\" + unquote($xxlarge-up) + \"/\";\n width: lower-bound($xxlarge-range);\n }\n\n meta.foundation-data-attribute-namespace {\n font-family: #{$namespace};\n }\n\n @if $include-html-global-classes {\n\n // Must be 100% for off canvas to work\n html,\n body {\n height: 100%;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *:before,\n *:after {\n @include box-sizing(border-box);\n }\n\n html,\n body {\n font-size: $base-font-size;\n }\n\n // Default body styles\n body {\n background: $body-bg;\n color: $body-font-color;\n padding: 0;\n margin: 0;\n font-family: $body-font-family;\n font-weight: $body-font-weight;\n font-style: $body-font-style;\n line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\n position: relative;\n cursor: $cursor-auto-value;\n }\n\n a:hover {\n cursor: $cursor-pointer-value;\n }\n\n // Grid Defaults to get images and embeds to work properly\n img {\n max-width: 100%;\n height: auto;\n }\n\n img {\n -ms-interpolation-mode: bicubic;\n }\n\n #map_canvas,\n .map_canvas {\n\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Miscellaneous useful HTML classes\n .left {\n float: left !important;\n }\n\n .right {\n float: right !important;\n }\n\n .clearfix {\n @include clearfix;\n }\n\n // Hide visually and from screen readers\n .hide {\n display: none !important;\n visibility: hidden;\n }\n\n // Hide visually and from screen readers, but maintain layout\n .invisible {\n visibility: hidden;\n }\n\n // Font smoothing\n // Antialiased font smoothing works best for light text on a dark background.\n // Apply to single elements instead of globally to body.\n // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n // Get rid of gap under images by making them display: inline-block; by default\n img {\n display: inline-block;\n vertical-align: middle;\n }\n\n //\n // Global resets for forms\n //\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n }\n\n // Make select elements 100% width by default\n select {\n width: 100%;\n }\n }\n}","@charset \"utf-8\";\n\n@import \"functions.scss\";\n\n$include-html-classes: false;\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n\n* {\n\tdisplay: block;\n}\n\n:root {\n\tmargin: 3em;\n\tbackground: $body-bg;\n\tcolor: $body-font-color;\n\tfont-family: $body-font-family;\n}\n\nchannel {\n\t> title {\n\t\ttext-align: center;\n\t\tcolor: lighten($primary-color, 25%);\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1 * 1.5;\n\t\tfont-weight: bolder;\n\t\t&::before {\n\t\t\tcontent: 'RSS Feed for ';\n\t\t\tfont-weight: initial;\n\t\t}\n\t\t&::after {\n\t\t\tcontent: \"This RSS feed is meant to be used by RSS reader applications and websites.\";\n\t\t\tdisplay: block;\n\t\t\tpadding: 1em;\n\t\t\tbackground-color: $alert-color;\n\t\t\tcolor: #fff;\n\t\t\tfont-family: initial;\n\t\t\tfont-size: initial;\n\t\t\tletter-spacing: initial;\n\t\t}\n\t}\n\t\n\t> description,\n\t> link {\n\t\tdisplay: none;\n\t}\n}\n\nitem {\n\tpadding: 1em 0;\n\tborder-bottom: 1px solid invert($body-bg);\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t> title {\n\t\tcolor: $secondary-color;\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1;\n\t\tmargin-bottom: 0.5em;\n\t}\n\n\t> link {\n\t\tcolor: $primary-color;\n\t}\n\n\t> pubDate {\n\t\tcolor: $grey-5;\n\t\tfont-size: small;\n\t}\n\n\t> description {\n\t\tmargin-top: 1em;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow:ellipsis;\n\t}\n\n\t> guid,\n\t> category {\n\t\tdisplay: none;\n\t}\n}\n","@charset \"utf-8\";\n/* TOC – Color Variables\n\n- Basics\n- Corporate Identity Colorpalette\n- Foundation Color Variables\n- Grey Scale\n- Topbar-Navigation\n- Footer\n- Code\n\n*/\n\n\n\n/* Basics\n------------------------------------------------------------------- */\n\n$text-color : #111;\n$body-font-color : $text-color;\n$body-bg : #fdfdfd;\n\n\n\n/* Corporate Identity Colorpalette\n https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\n------------------------------------------------------------------- */\n\n$ci-1 : #334D5C; // dark turquoise\n$ci-2 : #45B29D; // turquoise\n$ci-3 : #EFC94C; // yellow\n$ci-4 : #be6409; // dark orange\n$ci-5 : #DF4949; // red\n$ci-6 : #A1D044; // green\n\n\n\n/* Foundation Color Variables\n------------------------------------------------------------------- */\n\n$primary-color : $ci-1;\n$secondary-color : $ci-6;\n$alert-color : $ci-5;\n$success-color : $ci-6;\n$warning-color : $ci-4;\n$info-color : $ci-1;\n\n\n\n/* Grey Scale\n------------------------------------------------------------------- */\n\n$grey-1 : #E4E4E4;\n$grey-2 : #D7D7D7;\n$grey-3 : #CBCBCB;\n$grey-4 : #BEBEBE;\n$grey-5 : #A4A4A4;\n$grey-6 : #979797;\n$grey-7 : #8B8B8B;\n$grey-8 : #7E7E7E;\n$grey-9 : #646464;\n$grey-10 : #575757;\n$grey-11 : #4B4B4B;\n$grey-12 : #3E3E3E;\n$grey-13 : #313131;\n$grey-14 : #242424;\n$grey-15 : #171717;\n$grey-16 : #0B0B0B;\n\n\n\n/* Topbar-Navigation\n------------------------------------------------------------------- */\n\n$topbar-bg-color : $body-bg;\n$topbar-bg : $topbar-bg-color;\n\n\n$topbar-dropdown-toggle-color: $ci-1;\n\n$topbar-link-color : #000;\n$topbar-link-color-hover: #000;\n$topbar-link-color-active: #000;\n$topbar-link-color-active-hover: #000;\n\n$topbar-dropdown-label-color: $ci-2;\n$topbar-dropdown-link-bg-hover: $ci-6;\n\n$topbar-link-bg-active: $ci-6; // Active Navigation Link\n$topbar-link-bg-hover: $ci-6;\n$topbar-link-bg-active-hover: $ci-2;\n\n\n$topbar-dropdown-bg: $ci-6; // Background Mobile Navigation\n$topbar-dropdown-link-color: #000;\n$topbar-dropdown-link-bg: $ci-2;\n\n$topbar-menu-link-color-toggled: $ci-1;\n$topbar-menu-icon-color-toggled: $ci-1;\n$topbar-menu-link-color: #000;\n$topbar-menu-icon-color: #000;\n$topbar-menu-link-color-toggled: $ci-6;\n$topbar-menu-icon-color-toggled: $ci-6;\n\n\n\n/* Footer\n------------------------------------------------------------------- */\n\n$footer-bg : $grey-8;\n$footer-color : #fff;\n$footer-link-color : $ci-6;\n\n\n$subfooter-bg : $grey-13;\n$subfooter-color : $grey-8;\n$subfooter-link-color: $grey-8;\n\n\n\n/* Code\n------------------------------------------------------------------- */\n\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\n\n$highlight-background: #ffffff;\n$highlight-comment: #999988;\n$highlight-error: #a61717;\n$highlight-comment-special: #999999;\n$highlight-deleted: #000000;\n$highlight-error-2: #aa0000;\n$highlight-literal-string: #d14;\n$highlight-literal-number: #009999;\n$highlight-name-attribut: #008080;\n$highlight-error-background: #e3d2d2;\n$highlight-generic-deleted: #ffdddd;\n$highlight-generic-deleted-specific: #ffaaaa;\n$highlight-generic-inserted: #ddffdd;\n$highlight-generic-inserted-specific: #aaffaa;\n$highlight-generic-output: #888888;\n$highlight-generic-prompt: #555555;\n$highlight-subheading: #aaaaaa;\n$highlight-keyword-type: #445588;\n$highlight-name-builtin: #0086B3;\n$highlight-name-class: #445588;\n$highlight-name-entity: #800080;\n$highlight-name-exception: #990000;\n$highlight-name-function: #990000;\n$highlight-name-namespace: #555555;\n$highlight-name-tag: #000080;\n$highlight-text-whitespace: #bbbbbb;\n$highlight-literal-string-regex: #009926;\n$highlight-literal-string-symbol: #990073;\n\n\n/* links\n------------------------------------------------------------------- */\n$link-unvisited: #0921e2;\n$link-visited: #071582;\n$link-hover: darken( $link-unvisited, 10% );\n$link-focus: lighten( $link-unvisited, 20% );\n$link-active: darken( $link-unvisited, 20% );\n"],"file":"rss.css"} \ No newline at end of file diff --git a/assets/css/styles_feeling_responsive.css b/assets/css/styles_feeling_responsive.css new file mode 100644 index 00000000..c0a47555 --- /dev/null +++ b/assets/css/styles_feeling_responsive.css @@ -0,0 +1,4 @@ +.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{font-size:16px}body{background:#fdfdfd;color:#111;padding:0;margin:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1.5;position:relative;cursor:auto}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}.left{float:left !important}.right{float:right !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none !important;visibility:hidden}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:93.75rem}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{width:auto;margin:0;max-width:none}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}[class*=column]+[class*=column]:last-child{float:right}[class*=column]+[class*=column].end{float:left}@media only screen{.small-push-0{position:relative;left:0%;right:auto}.small-pull-0{position:relative;right:0%;left:auto}.small-push-1{position:relative;left:8.3333333333%;right:auto}.small-pull-1{position:relative;right:8.3333333333%;left:auto}.small-push-2{position:relative;left:16.6666666667%;right:auto}.small-pull-2{position:relative;right:16.6666666667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.3333333333%;right:auto}.small-pull-4{position:relative;right:33.3333333333%;left:auto}.small-push-5{position:relative;left:41.6666666667%;right:auto}.small-pull-5{position:relative;right:41.6666666667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.3333333333%;right:auto}.small-pull-7{position:relative;right:58.3333333333%;left:auto}.small-push-8{position:relative;left:66.6666666667%;right:auto}.small-pull-8{position:relative;right:66.6666666667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.3333333333%;right:auto}.small-pull-10{position:relative;right:83.3333333333%;left:auto}.small-push-11{position:relative;left:91.6666666667%;right:auto}.small-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.small-1{width:8.3333333333%}.small-2{width:16.6666666667%}.small-3{width:25%}.small-4{width:33.3333333333%}.small-5{width:41.6666666667%}.small-6{width:50%}.small-7{width:58.3333333333%}.small-8{width:66.6666666667%}.small-9{width:75%}.small-10{width:83.3333333333%}.small-11{width:91.6666666667%}.small-12{width:100%}.small-offset-0{margin-left:0% !important}.small-offset-1{margin-left:8.3333333333% !important}.small-offset-2{margin-left:16.6666666667% !important}.small-offset-3{margin-left:25% !important}.small-offset-4{margin-left:33.3333333333% !important}.small-offset-5{margin-left:41.6666666667% !important}.small-offset-6{margin-left:50% !important}.small-offset-7{margin-left:58.3333333333% !important}.small-offset-8{margin-left:66.6666666667% !important}.small-offset-9{margin-left:75% !important}.small-offset-10{margin-left:83.3333333333% !important}.small-offset-11{margin-left:91.6666666667% !important}.small-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{margin-left:0;margin-right:0;float:left}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}}@media only screen and (min-width:40.063em){.medium-push-0{position:relative;left:0%;right:auto}.medium-pull-0{position:relative;right:0%;left:auto}.medium-push-1{position:relative;left:8.3333333333%;right:auto}.medium-pull-1{position:relative;right:8.3333333333%;left:auto}.medium-push-2{position:relative;left:16.6666666667%;right:auto}.medium-pull-2{position:relative;right:16.6666666667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.3333333333%;right:auto}.medium-pull-4{position:relative;right:33.3333333333%;left:auto}.medium-push-5{position:relative;left:41.6666666667%;right:auto}.medium-pull-5{position:relative;right:41.6666666667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.3333333333%;right:auto}.medium-pull-7{position:relative;right:58.3333333333%;left:auto}.medium-push-8{position:relative;left:66.6666666667%;right:auto}.medium-pull-8{position:relative;right:66.6666666667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.3333333333%;right:auto}.medium-pull-10{position:relative;right:83.3333333333%;left:auto}.medium-push-11{position:relative;left:91.6666666667%;right:auto}.medium-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.medium-1{width:8.3333333333%}.medium-2{width:16.6666666667%}.medium-3{width:25%}.medium-4{width:33.3333333333%}.medium-5{width:41.6666666667%}.medium-6{width:50%}.medium-7{width:58.3333333333%}.medium-8{width:66.6666666667%}.medium-9{width:75%}.medium-10{width:83.3333333333%}.medium-11{width:91.6666666667%}.medium-12{width:100%}.medium-offset-0{margin-left:0% !important}.medium-offset-1{margin-left:8.3333333333% !important}.medium-offset-2{margin-left:16.6666666667% !important}.medium-offset-3{margin-left:25% !important}.medium-offset-4{margin-left:33.3333333333% !important}.medium-offset-5{margin-left:41.6666666667% !important}.medium-offset-6{margin-left:50% !important}.medium-offset-7{margin-left:58.3333333333% !important}.medium-offset-8{margin-left:66.6666666667% !important}.medium-offset-9{margin-left:75% !important}.medium-offset-10{margin-left:83.3333333333% !important}.medium-offset-11{margin-left:91.6666666667% !important}.medium-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{margin-left:0;margin-right:0;float:left}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.3333333333%;right:auto}.pull-1{position:relative;right:8.3333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}@media only screen and (min-width:64.063em){.large-push-0{position:relative;left:0%;right:auto}.large-pull-0{position:relative;right:0%;left:auto}.large-push-1{position:relative;left:8.3333333333%;right:auto}.large-pull-1{position:relative;right:8.3333333333%;left:auto}.large-push-2{position:relative;left:16.6666666667%;right:auto}.large-pull-2{position:relative;right:16.6666666667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.3333333333%;right:auto}.large-pull-4{position:relative;right:33.3333333333%;left:auto}.large-push-5{position:relative;left:41.6666666667%;right:auto}.large-pull-5{position:relative;right:41.6666666667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.3333333333%;right:auto}.large-pull-7{position:relative;right:58.3333333333%;left:auto}.large-push-8{position:relative;left:66.6666666667%;right:auto}.large-pull-8{position:relative;right:66.6666666667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.3333333333%;right:auto}.large-pull-10{position:relative;right:83.3333333333%;left:auto}.large-push-11{position:relative;left:91.6666666667%;right:auto}.large-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.large-1{width:8.3333333333%}.large-2{width:16.6666666667%}.large-3{width:25%}.large-4{width:33.3333333333%}.large-5{width:41.6666666667%}.large-6{width:50%}.large-7{width:58.3333333333%}.large-8{width:66.6666666667%}.large-9{width:75%}.large-10{width:83.3333333333%}.large-11{width:91.6666666667%}.large-12{width:100%}.large-offset-0{margin-left:0% !important}.large-offset-1{margin-left:8.3333333333% !important}.large-offset-2{margin-left:16.6666666667% !important}.large-offset-3{margin-left:25% !important}.large-offset-4{margin-left:33.3333333333% !important}.large-offset-5{margin-left:41.6666666667% !important}.large-offset-6{margin-left:50% !important}.large-offset-7{margin-left:58.3333333333% !important}.large-offset-8{margin-left:66.6666666667% !important}.large-offset-9{margin-left:75% !important}.large-offset-10{margin-left:83.3333333333% !important}.large-offset-11{margin-left:91.6666666667% !important}.large-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.3333333333%;right:auto}.pull-1{position:relative;right:8.3333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}button,.button{border-style:solid;border-width:0;cursor:pointer;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;margin:0 0 1.25rem;position:relative;text-decoration:none;text-align:center;-webkit-appearance:none;border-radius:0;display:inline-block;padding-top:1rem;padding-right:2rem;padding-bottom:1.0625rem;padding-left:2rem;font-size:1rem;background-color:#334d5c;border-color:#293e4a;color:#fff;transition:background-color 300ms ease-out}button:hover,button:focus,.button:hover,.button:focus{background-color:#293e4a}button:hover,button:focus,.button:hover,.button:focus{color:#fff}button.secondary,.button.secondary{background-color:#a1d044;border-color:#84b02c;color:#fff}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#84b02c}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#fff}button.success,.button.success{background-color:#a1d044;border-color:#84b02c;color:#fff}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#84b02c}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:#fff}button.alert,.button.alert{background-color:#df4949;border-color:#c92323;color:#fff}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#c92323}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:#fff}button.warning,.button.warning{background-color:#be6409;border-color:#985007;color:#fff}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{background-color:#985007}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{color:#fff}button.info,.button.info{background-color:#334d5c;border-color:#293e4a;color:#fff}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{background-color:#293e4a}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{color:#fff}button.large,.button.large{padding-top:1.125rem;padding-right:2.25rem;padding-bottom:1.1875rem;padding-left:2.25rem;font-size:1.25rem}button.small,.button.small{padding-top:.875rem;padding-right:1.75rem;padding-bottom:.9375rem;padding-left:1.75rem;font-size:.8125rem}button.tiny,.button.tiny{padding-top:.625rem;padding-right:1.25rem;padding-bottom:.6875rem;padding-left:1.25rem;font-size:.6875rem}button.expand,.button.expand{padding-right:0;padding-left:0;width:100%}button.left-align,.button.left-align{text-align:left;text-indent:.75rem}button.right-align,.button.right-align{text-align:right;padding-right:.75rem}button.radius,.button.radius{border-radius:3px}button.round,.button.round{border-radius:1000px}button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#334d5c;border-color:#293e4a;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#293e4a}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{color:#fff}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#334d5c}button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#a1d044;border-color:#84b02c;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#84b02c}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{color:#fff}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#a1d044}button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#a1d044;border-color:#84b02c;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#84b02c}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{color:#fff}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#a1d044}button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#df4949;border-color:#c92323;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#c92323}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{color:#fff}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#df4949}button.disabled.warning,button[disabled].warning,.button.disabled.warning,.button[disabled].warning{background-color:#be6409;border-color:#985007;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#985007}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{color:#fff}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#be6409}button.disabled.info,button[disabled].info,.button.disabled.info,.button[disabled].info{background-color:#334d5c;border-color:#293e4a;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#293e4a}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{color:#fff}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#334d5c}button::-moz-focus-inner{border:0;padding:0}@media only screen and (min-width:40.063em){button,.button{display:inline-block}}form{margin:0 0 1rem}form .row .row{margin:0 -0.5rem}form .row .row .column,form .row .row .columns{padding:0 .5rem}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row .row.collapse input{-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left:.5rem}label{font-size:.875rem;color:#4d4d4d;cursor:pointer;display:block;font-weight:normal;line-height:1.5;margin-bottom:0}label.right{float:none !important;text-align:right}label.inline{margin:0 0 1rem 0;padding:.5625rem 0}label small{text-transform:capitalize;color:#676767}.prefix,.postfix{display:block;position:relative;z-index:2;text-align:center;width:100%;padding-top:0;padding-bottom:0;border-style:solid;border-width:1px;overflow:hidden;font-size:.875rem;height:2.3125rem;line-height:2.3125rem}.postfix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button.radius{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.postfix.button.radius{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.prefix.button.round{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.postfix.button.round{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}span.prefix,label.prefix{background:#f2f2f2;border-right:none;color:#333;border-color:#ccc}span.postfix,label.postfix{background:#f2f2f2;border-left:none;color:#333;border-color:#ccc}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=color],textarea{-webkit-appearance:none;border-radius:0;background-color:#fff;font-family:inherit;border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:rgba(0,0,0,.75);display:block;font-size:.875rem;margin:0 0 1rem 0;padding:.5rem;height:2.3125rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:box-shadow .45s,border-color .45s ease-in-out}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{box-shadow:0 0 5px #999;border-color:#999}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{background:#fafafa;border-color:#999;outline:none}input[type=text]:disabled,input[type=password]:disabled,input[type=date]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=color]:disabled,textarea:disabled{background-color:#ddd;cursor:default}input[type=text][disabled],input[type=text][readonly],fieldset[disabled] input[type=text],input[type=password][disabled],input[type=password][readonly],fieldset[disabled] input[type=password],input[type=date][disabled],input[type=date][readonly],fieldset[disabled] input[type=date],input[type=datetime][disabled],input[type=datetime][readonly],fieldset[disabled] input[type=datetime],input[type=datetime-local][disabled],input[type=datetime-local][readonly],fieldset[disabled] input[type=datetime-local],input[type=month][disabled],input[type=month][readonly],fieldset[disabled] input[type=month],input[type=week][disabled],input[type=week][readonly],fieldset[disabled] input[type=week],input[type=email][disabled],input[type=email][readonly],fieldset[disabled] input[type=email],input[type=number][disabled],input[type=number][readonly],fieldset[disabled] input[type=number],input[type=search][disabled],input[type=search][readonly],fieldset[disabled] input[type=search],input[type=tel][disabled],input[type=tel][readonly],fieldset[disabled] input[type=tel],input[type=time][disabled],input[type=time][readonly],fieldset[disabled] input[type=time],input[type=url][disabled],input[type=url][readonly],fieldset[disabled] input[type=url],input[type=color][disabled],input[type=color][readonly],fieldset[disabled] input[type=color],textarea[disabled],textarea[readonly],fieldset[disabled] textarea{background-color:#ddd;cursor:default}input[type=text].radius,input[type=password].radius,input[type=date].radius,input[type=datetime].radius,input[type=datetime-local].radius,input[type=month].radius,input[type=week].radius,input[type=email].radius,input[type=number].radius,input[type=search].radius,input[type=tel].radius,input[type=time].radius,input[type=url].radius,input[type=color].radius,textarea.radius{border-radius:3px}form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse select{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-radius.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse textarea,form .row .postfix-radius.row.collapse select{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse textarea,form .row .prefix-round.row.collapse select{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}form .row .prefix-round.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse textarea,form .row .postfix-round.row.collapse select{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}input[type=submit]{-webkit-appearance:none;border-radius:0}textarea[rows]{height:auto}textarea{max-width:100%}select{-webkit-appearance:none !important;border-radius:0;background-color:#fafafa;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position:100% center;background-repeat:no-repeat;border-style:solid;border-width:1px;border-color:#ccc;padding:.5rem;font-size:.875rem;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(0,0,0,.75);line-height:normal;border-radius:0;height:2.3125rem}select::-ms-expand{display:none}select.radius{border-radius:3px}select:hover{background-color:#f3f3f3;border-color:#999}select:disabled{background-color:#ddd;cursor:default}input[type=file],input[type=checkbox],input[type=radio],select{margin:0 0 1rem 0}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}input[type=file]{width:100%}fieldset{border:1px solid #ddd;padding:1.25rem;margin:1.125rem 0}fieldset legend{font-weight:bold;background:#fff;padding:0 .1875rem;margin:0;margin-left:-0.1875rem}[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] span.error,[data-abide] small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}[data-abide] span.error,[data-abide] small.error{display:none}span.error,small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}.error input,.error textarea,.error select{margin-bottom:0}.error input[type=checkbox],.error input[type=radio]{margin-bottom:1rem}.error label,.error label.error{color:#df4949}.error small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}.error>label>small{color:#676767;background:rgba(0,0,0,0);padding:0;text-transform:capitalize;font-style:normal;font-size:60%;margin:0;display:inline}.error span.error-message{display:block}input.error,textarea.error,select.error{margin-bottom:0}label.error{color:#df4949}meta.foundation-mq-topbar{font-family:"/only screen and (min-width: 64.063em)/";width:64.063em}.contain-to-grid{width:100%;background:#fdfdfd}.contain-to-grid .top-bar{margin-bottom:0}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.fixed.expanded:not(.top-bar){overflow-y:auto;height:auto;width:100%;max-height:100%}.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}.fixed.expanded:not(.top-bar) .top-bar-section{z-index:98;margin-top:3.125rem}.top-bar{overflow:hidden;height:3.125rem;line-height:3.125rem;position:relative;background:#fdfdfd;margin-bottom:0}.top-bar ul{margin-bottom:0;list-style:none}.top-bar .row{max-width:none}.top-bar form,.top-bar input{margin-bottom:0}.top-bar input{height:1.75rem;padding-top:.35rem;padding-bottom:.35rem;font-size:.75rem}.top-bar .button,.top-bar button{padding-top:.4125rem;padding-bottom:.4125rem;margin-bottom:0;font-size:.75rem}@media only screen and (max-width: 40em){.top-bar .button,.top-bar button{position:relative;top:-1px}}.top-bar .title-area{position:relative;margin:0}.top-bar .name{height:3.125rem;margin:0;font-size:16px}.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name h4,.top-bar .name p,.top-bar .name span{line-height:3.125rem;font-size:1.1875rem;margin:0}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name p a,.top-bar .name span a{font-weight:bold;color:#000;width:75%;display:block;padding:0 1.0416666667rem}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#000;text-transform:uppercase;font-size:.8125rem;font-weight:bold;position:relative;display:block;padding:0 1.0416666667rem;height:3.125rem;line-height:3.125rem}.top-bar .toggle-topbar.menu-icon{top:50%;margin-top:-16px}.top-bar .toggle-topbar.menu-icon a{height:34px;line-height:33px;padding:0 2.6041666667rem 0 1.0416666667rem;color:#000;position:relative}.top-bar .toggle-topbar.menu-icon a span::after{content:"";position:absolute;display:block;height:0;top:50%;margin-top:-8px;right:1.0416666667rem;box-shadow:0 0 0 1px #000,0 7px 0 1px #000,0 14px 0 1px #000;width:16px}.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}.top-bar.expanded{height:auto;background:rgba(0,0,0,0)}.top-bar.expanded .title-area{background:#fdfdfd}.top-bar.expanded .toggle-topbar a{color:#a1d044}.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #a1d044,0 7px 0 1px #a1d044,0 14px 0 1px #a1d044}.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}.top-bar-section ul{padding:0;width:100%;height:auto;display:block;font-size:16px;margin:0}.top-bar-section .divider,.top-bar-section [role=separator]{border-top:solid 0px #7f7f7f;clear:both;height:1px;width:100%}.top-bar-section ul li{background:#a1d044}.top-bar-section ul li>a{display:block;width:100%;color:#000;padding:12px 0 12px 0;padding-left:1.0416666667rem;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9375rem;font-weight:normal;text-transform:uppercase}.top-bar-section ul li>a.button{font-size:.9375rem;padding-right:1.0416666667rem;padding-left:1.0416666667rem;background-color:#334d5c;border-color:#293e4a;color:#fff}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#293e4a}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff}.top-bar-section ul li>a.button.secondary{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{background-color:#84b02c}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{color:#fff}.top-bar-section ul li>a.button.success{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{background-color:#84b02c}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{color:#fff}.top-bar-section ul li>a.button.alert{background-color:#df4949;border-color:#c92323;color:#fff}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{background-color:#c92323}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{color:#fff}.top-bar-section ul li>a.button.warning{background-color:#be6409;border-color:#985007;color:#fff}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{background-color:#985007}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{color:#fff}.top-bar-section ul li>button{font-size:.9375rem;padding-right:1.0416666667rem;padding-left:1.0416666667rem;background-color:#334d5c;border-color:#293e4a;color:#fff}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{background-color:#293e4a}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{color:#fff}.top-bar-section ul li>button.secondary{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{background-color:#84b02c}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{color:#fff}.top-bar-section ul li>button.success{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{background-color:#84b02c}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{color:#fff}.top-bar-section ul li>button.alert{background-color:#df4949;border-color:#c92323;color:#fff}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{background-color:#c92323}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{color:#fff}.top-bar-section ul li>button.warning{background-color:#be6409;border-color:#985007;color:#fff}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{background-color:#985007}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{color:#fff}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#555;background:#a1d044;color:#000}.top-bar-section ul li.active>a{background:#a1d044;color:#000}.top-bar-section ul li.active>a:hover{background:#45b29d;color:#000}.top-bar-section .has-form{padding:1.0416666667rem}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(51,77,92,.4);border-left-style:solid;margin-right:1.0416666667rem;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{padding:0;position:absolute;left:100%;top:0;z-index:99;display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .dropdown li{width:100%;height:auto}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 1.0416666667rem}.top-bar-section .dropdown li a.parent-link{font-weight:normal}.top-bar-section .dropdown li.title h5,.top-bar-section .dropdown li.parent-link{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li.parent-link a{color:#000;display:block}.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover{background:none}.top-bar-section .dropdown li.has-form{padding:8px 1.0416666667rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{padding:8px 1.0416666667rem 2px;margin-bottom:0;text-transform:uppercase;color:#45b29d;font-weight:bold;font-size:.625rem}.js-generated{display:block}@media only screen and (min-width: 64.063em){.top-bar{background:#fdfdfd;overflow:visible}.top-bar:before,.top-bar:after{content:" ";display:table}.top-bar:after{clear:both}.top-bar .toggle-topbar{display:none}.top-bar .title-area{float:left}.top-bar .name h1 a{width:auto}.top-bar input,.top-bar .button,.top-bar button{font-size:.875rem;position:relative;height:1.75rem;top:.6875rem}.top-bar.expanded{background:#fdfdfd}.contain-to-grid .top-bar{max-width:93.75rem;margin:0 auto;margin-bottom:0}.top-bar-section{transition:none 0 0;left:0 !important}.top-bar-section ul{width:auto;height:auto !important;display:inline}.top-bar-section ul li{float:left}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background-color:#555;background:#a1d044;color:#000}.top-bar-section li:not(.has-form) a:not(.button){padding:0 1.0416666667rem;line-height:3.125rem;background:#fdfdfd}.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#555;background:#a1d044}.top-bar-section li.active:not(.has-form) a:not(.button){padding:0 1.0416666667rem;line-height:3.125rem;color:#000;background:#a1d044}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#45b29d;color:#000}.top-bar-section .has-dropdown>a{padding-right:2.2916666667rem !important}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(51,77,92,.4) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;margin-top:-2.5px;top:1.5625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"»";top:1rem;margin-top:-1px;right:5px;line-height:1.2}.top-bar-section .dropdown{left:0;top:auto;background:rgba(0,0,0,0);min-width:100%}.top-bar-section .dropdown li a{color:#000;line-height:3.125rem;white-space:nowrap;padding:12px 1.0416666667rem;background:#45b29d}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){color:#000;background:#45b29d}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){color:#000;background-color:#555;background:#a1d044}.top-bar-section .dropdown li label{white-space:nowrap;background:#333}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role=separator]{border-bottom:none;border-top:none;border-right:solid 0px #fdfdfd;clear:none;height:3.125rem;width:0}.top-bar-section .has-form{background:#fdfdfd;padding:0 1.0416666667rem;height:3.125rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background-color:#555;background:#a1d044;color:#000}.no-js .top-bar-section ul li:active>a{background:#a1d044;color:#000}.no-js .top-bar-section .has-dropdown:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}}.accordion{margin-bottom:0}.accordion:before,.accordion:after{content:" ";display:table}.accordion:after{clear:both}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0 !important}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8}.accordion .accordion-navigation>a,.accordion dd>a{background:#efefef;color:#222;padding:.75rem;display:block;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{display:block;background:#fdfdfd}.alert-box{border-style:solid;border-width:1px;display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;padding:.875rem 1.5rem .875rem .875rem;font-size:.9375rem;transition:opacity 300ms ease-out;background-color:#334d5c;border-color:#2c424f;color:#fff}.alert-box .close{font-size:1.375rem;padding:9px 6px 4px;line-height:0;position:absolute;top:50%;margin-top:-0.6875rem;right:.25rem;color:#333;opacity:.3;background:inherit}.alert-box .close:hover,.alert-box .close:focus{opacity:.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#a1d044;border-color:#8ebe30;color:#fff}.alert-box.alert{background-color:#df4949;border-color:#d82626;color:#fff}.alert-box.secondary{background-color:#a1d044;border-color:#8ebe30;color:#fff}.alert-box.warning{background-color:#be6409;border-color:#a35608;color:#fff}.alert-box.info{background-color:#334d5c;border-color:#2c424f;color:#fff}.alert-box.alert-close{opacity:0}.breadcrumbs{display:block;padding:.5625rem .875rem .5625rem;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:0;background-color:#e4e4e4;border-color:#e4e4e4;border-radius:0}.breadcrumbs>*{margin:0;float:left;font-size:.6875rem;line-height:.6875rem;text-transform:uppercase;color:#334d5c}.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}.breadcrumbs>* a{color:#334d5c}.breadcrumbs>*.current{cursor:default;color:#333}.breadcrumbs>*.current a{cursor:default;color:#333}.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}.breadcrumbs>*.unavailable{color:#999}.breadcrumbs>*.unavailable a{color:#999}.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{text-decoration:none;color:#999;cursor:default}.breadcrumbs>*:before{content:"/";color:#aaa;margin:0 .75rem;position:relative;top:1px}.breadcrumbs>*:first-child:before{content:" ";margin:0}[aria-label=breadcrumbs] [aria-hidden=true]:after{content:"/"}[class*=block-grid-]{display:block;padding:0;margin:0 -0.625rem}[class*=block-grid-]:before,[class*=block-grid-]:after{content:" ";display:table}[class*=block-grid-]:after{clear:both}[class*=block-grid-]>li{display:block;height:auto;float:left;padding:0 .625rem 1.25rem}@media only screen{.small-block-grid-1>li{width:100%;list-style:none}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;list-style:none}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.3333333333%;list-style:none}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;list-style:none}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;list-style:none}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.6666666667%;list-style:none}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.2857142857%;list-style:none}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;list-style:none}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.1111111111%;list-style:none}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;list-style:none}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.0909090909%;list-style:none}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.3333333333%;list-style:none}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:40.063em){.medium-block-grid-1>li{width:100%;list-style:none}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{width:50%;list-style:none}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{width:33.3333333333%;list-style:none}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{width:25%;list-style:none}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{width:20%;list-style:none}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{width:16.6666666667%;list-style:none}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{width:14.2857142857%;list-style:none}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{width:12.5%;list-style:none}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{width:11.1111111111%;list-style:none}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{width:10%;list-style:none}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{width:9.0909090909%;list-style:none}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{width:8.3333333333%;list-style:none}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:64.063em){.large-block-grid-1>li{width:100%;list-style:none}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{width:50%;list-style:none}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.3333333333%;list-style:none}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;list-style:none}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;list-style:none}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.6666666667%;list-style:none}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.2857142857%;list-style:none}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;list-style:none}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.1111111111%;list-style:none}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;list-style:none}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.0909090909%;list-style:none}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.3333333333%;list-style:none}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.button-group{list-style:none;margin:0;left:0}.button-group:before,.button-group:after{content:" ";display:table}.button-group:after{clear:both}.button-group>li{margin:0 -2px;display:inline-block}.button-group>li>button,.button-group>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group>li:first-child button,.button-group>li:first-child .button{border-left:0}.button-group.stack>li{margin:0 -2px;display:inline-block;display:block;margin:0;float:none}.button-group.stack>li>button,.button-group.stack>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-left:0}.button-group.stack>li>button,.button-group.stack>li .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-top:0}.button-group.stack-for-small>li{margin:0 -2px;display:inline-block}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}@media only screen and (max-width: 40em){.button-group.stack-for-small>li{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-top:0}}.button-group.radius>*{margin:0 -2px;display:inline-block}.button-group.radius>*>button,.button-group.radius>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius>*:first-child button,.button-group.radius>*:first-child .button{border-left:0}.button-group.radius>*,.button-group.radius>*>a,.button-group.radius>*>button,.button-group.radius>*>.button{border-radius:0}.button-group.radius>*:first-child,.button-group.radius>*:first-child>a,.button-group.radius>*:first-child>button,.button-group.radius>*:first-child>.button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius>*:last-child,.button-group.radius>*:last-child>a,.button-group.radius>*:last-child>button,.button-group.radius>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-left:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-top:0}.button-group.radius.stack>*,.button-group.radius.stack>*>a,.button-group.radius.stack>*>button,.button-group.radius.stack>*>.button{border-radius:0}.button-group.radius.stack>*:first-child,.button-group.radius.stack>*:first-child>a,.button-group.radius.stack>*:first-child>button,.button-group.radius.stack>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*:last-child,.button-group.radius.stack>*:last-child>a,.button-group.radius.stack>*:last-child>button,.button-group.radius.stack>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media only screen and (min-width:40.063em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}}@media only screen and (max-width: 40em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-top:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}}.button-group.round>*{margin:0 -2px;display:inline-block}.button-group.round>*>button,.button-group.round>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round>*:first-child button,.button-group.round>*:first-child .button{border-left:0}.button-group.round>*,.button-group.round>*>a,.button-group.round>*>button,.button-group.round>*>.button{border-radius:0}.button-group.round>*:first-child,.button-group.round>*:first-child>a,.button-group.round>*:first-child>button,.button-group.round>*:first-child>.button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round>*:last-child,.button-group.round>*:last-child>a,.button-group.round>*:last-child>button,.button-group.round>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.button-group.round.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-left:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-top:0}.button-group.round.stack>*,.button-group.round.stack>*>a,.button-group.round.stack>*>button,.button-group.round.stack>*>.button{border-radius:0}.button-group.round.stack>*:first-child,.button-group.round.stack>*:first-child>a,.button-group.round.stack>*:first-child>button,.button-group.round.stack>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack>*:last-child,.button-group.round.stack>*:last-child>a,.button-group.round.stack>*:last-child>button,.button-group.round.stack>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media only screen and (min-width:40.063em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}}@media only screen and (max-width: 40em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-top:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.button-group.even-2 li{margin:0 -2px;display:inline-block;width:50%}.button-group.even-2 li>button,.button-group.even-2 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-2 li:first-child button,.button-group.even-2 li:first-child .button{border-left:0}.button-group.even-2 li button,.button-group.even-2 li .button{width:100%}.button-group.even-3 li{margin:0 -2px;display:inline-block;width:33.3333333333%}.button-group.even-3 li>button,.button-group.even-3 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-3 li:first-child button,.button-group.even-3 li:first-child .button{border-left:0}.button-group.even-3 li button,.button-group.even-3 li .button{width:100%}.button-group.even-4 li{margin:0 -2px;display:inline-block;width:25%}.button-group.even-4 li>button,.button-group.even-4 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-4 li:first-child button,.button-group.even-4 li:first-child .button{border-left:0}.button-group.even-4 li button,.button-group.even-4 li .button{width:100%}.button-group.even-5 li{margin:0 -2px;display:inline-block;width:20%}.button-group.even-5 li>button,.button-group.even-5 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-5 li:first-child button,.button-group.even-5 li:first-child .button{border-left:0}.button-group.even-5 li button,.button-group.even-5 li .button{width:100%}.button-group.even-6 li{margin:0 -2px;display:inline-block;width:16.6666666667%}.button-group.even-6 li>button,.button-group.even-6 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-6 li:first-child button,.button-group.even-6 li:first-child .button{border-left:0}.button-group.even-6 li button,.button-group.even-6 li .button{width:100%}.button-group.even-7 li{margin:0 -2px;display:inline-block;width:14.2857142857%}.button-group.even-7 li>button,.button-group.even-7 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-7 li:first-child button,.button-group.even-7 li:first-child .button{border-left:0}.button-group.even-7 li button,.button-group.even-7 li .button{width:100%}.button-group.even-8 li{margin:0 -2px;display:inline-block;width:12.5%}.button-group.even-8 li>button,.button-group.even-8 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-8 li:first-child button,.button-group.even-8 li:first-child .button{border-left:0}.button-group.even-8 li button,.button-group.even-8 li .button{width:100%}.button-bar:before,.button-bar:after{content:" ";display:table}.button-bar:after{clear:both}.button-bar .button-group{float:left;margin-right:.625rem}.button-bar .button-group div{overflow:hidden}.clearing-thumbs,[data-clearing]{margin-bottom:0;margin-left:0;list-style:none}.clearing-thumbs:before,.clearing-thumbs:after,[data-clearing]:before,[data-clearing]:after{content:" ";display:table}.clearing-thumbs:after,[data-clearing]:after{clear:both}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*=block-grid-] li,[data-clearing][class*=block-grid-] li{margin-right:0}.clearing-blackout{background:#333;position:fixed;width:100%;height:100%;top:0;left:0;z-index:998}.clearing-blackout .clearing-close{display:block}.clearing-container{position:relative;z-index:998;height:100%;overflow:hidden;margin:0}.clearing-touch-label{position:absolute;top:50%;left:50%;color:#aaa;font-size:.6em}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;margin-left:-50%;max-height:100%;max-width:100%}.clearing-caption{color:#ccc;font-size:.875em;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#333;width:100%;padding:10px 30px 20px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:30px;line-height:1;color:#ccc;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width:40.063em){.clearing-main-prev,.clearing-main-next{position:absolute;height:100%;width:40px;top:0}.clearing-main-prev>span,.clearing-main-next>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 12px}.clearing-main-prev>span:hover,.clearing-main-next>span:hover{opacity:.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:rgba(0,0,0,0);border-right-color:#ccc}.clearing-main-next{right:0}.clearing-main-next>span{border-color:rgba(0,0,0,0);border-left-color:#ccc}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:120px;min-height:inherit;float:left;overflow:hidden;margin-right:0;padding:0;position:relative;cursor:pointer;opacity:.4;clear:none}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer !important;width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:.8}.clearing-assembled .clearing-container .visible-img{background:#333;overflow:hidden;height:85%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}.f-dropdown{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:2px;max-width:200px}.f-dropdown>*:first-child{margin-top:0}.f-dropdown>*:last-child{margin-bottom:0}.f-dropdown:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);border-bottom-style:solid;position:absolute;top:-12px;left:10px;z-index:89}.f-dropdown:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #ccc rgba(0,0,0,0);border-bottom-style:solid;position:absolute;top:-14px;left:9px;z-index:88}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown.drop-right{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:0;margin-left:2px;max-width:200px}.f-dropdown.drop-right>*:first-child{margin-top:0}.f-dropdown.drop-right>*:last-child{margin-bottom:0}.f-dropdown.drop-right:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0);border-right-style:solid;position:absolute;top:10px;left:-12px;z-index:89}.f-dropdown.drop-right:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) #ccc rgba(0,0,0,0) rgba(0,0,0,0);border-right-style:solid;position:absolute;top:9px;left:-14px;z-index:88}.f-dropdown.drop-left{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:0;margin-left:-2px;max-width:200px}.f-dropdown.drop-left>*:first-child{margin-top:0}.f-dropdown.drop-left>*:last-child{margin-bottom:0}.f-dropdown.drop-left:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-left-style:solid;position:absolute;top:10px;right:-12px;left:auto;z-index:89}.f-dropdown.drop-left:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ccc;border-left-style:solid;position:absolute;top:9px;right:-14px;left:auto;z-index:88}.f-dropdown.drop-top{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:-2px;margin-left:0;max-width:200px}.f-dropdown.drop-top>*:first-child{margin-top:0}.f-dropdown.drop-top>*:last-child{margin-bottom:0}.f-dropdown.drop-top:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;position:absolute;top:auto;bottom:-12px;left:10px;right:auto;z-index:89}.f-dropdown.drop-top:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:#ccc rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;position:absolute;top:auto;bottom:-14px;left:9px;right:auto;z-index:88}.f-dropdown li{font-size:.875rem;cursor:pointer;line-height:1.125rem;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li.radius{border-radius:3px}.f-dropdown li a{display:block;padding:.5rem;color:#555}.f-dropdown.content{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;padding:1.25rem;width:100%;height:auto;max-height:none;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;max-width:200px}.f-dropdown.content>*:first-child{margin-top:0}.f-dropdown.content>*:last-child{margin-bottom:0}.f-dropdown.tiny{max-width:200px}.f-dropdown.small{max-width:300px}.f-dropdown.medium{max-width:500px}.f-dropdown.large{max-width:800px}.f-dropdown.mega{width:100% !important;max-width:100% !important}.f-dropdown.mega.open{left:0 !important}.dropdown.button,button.dropdown{position:relative;outline:none;padding-right:3.5625rem}.dropdown.button::after,button.dropdown::after{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);top:50%}.dropdown.button::after,button.dropdown::after{border-width:.375rem;right:1.40625rem;margin-top:-0.15625rem}.dropdown.button::after,button.dropdown::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.tiny,button.dropdown.tiny{padding-right:2.625rem}.dropdown.button.tiny:after,button.dropdown.tiny:after{border-width:.375rem;right:1.125rem;margin-top:-0.125rem}.dropdown.button.tiny::after,button.dropdown.tiny::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.small,button.dropdown.small{padding-right:3.0625rem}.dropdown.button.small::after,button.dropdown.small::after{border-width:.4375rem;right:1.3125rem;margin-top:-0.15625rem}.dropdown.button.small::after,button.dropdown.small::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.large,button.dropdown.large{padding-right:3.625rem}.dropdown.button.large::after,button.dropdown.large::after{border-width:.3125rem;right:1.71875rem;margin-top:-0.15625rem}.dropdown.button.large::after,button.dropdown.large::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.secondary:after,button.dropdown.secondary:after{border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.flex-video{position:relative;padding-top:1.5625rem;padding-bottom:67.5%;height:0;margin-bottom:1rem;overflow:hidden}.flex-video.widescreen{padding-bottom:56.34%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.inline-list{margin:0 auto 1.0625rem auto;margin-left:-1.375rem;margin-right:0;padding:0;list-style:none;overflow:hidden}.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}.inline-list>li>*{display:block}.keystroke,kbd{background-color:#ededed;border-color:#ddd;color:#222;border-style:solid;border-width:1px;margin:0;font-family:"Consolas","Menlo","Courier",monospace;font-size:inherit;padding:.125rem .25rem 0;border-radius:3px}.panel{border-style:solid;border-width:1px;border-color:#cbcbcb;margin-bottom:1.25rem;padding:1.25rem;background:#e4e4e4;color:#333}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p,.panel li,.panel dl{color:#333}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:.625rem}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{line-height:1.4}.panel.callout{border-style:solid;border-width:1px;border-color:#cedce4;margin-bottom:1.25rem;padding:1.25rem;background:#f1f5f7;color:#333}.panel.callout>:first-child{margin-top:0}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{color:#333}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#334d5c}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{color:#2c424f}.panel.radius{border-radius:3px}.reveal-modal-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,.45);z-index:1004;display:none;left:0}.reveal-modal,dialog{visibility:hidden;display:none;position:absolute;z-index:1005;width:100vw;top:0;border-radius:3px;left:0;background-color:#fff;padding:1.25rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,.4);padding:1.875rem}@media only screen and (max-width: 40em){.reveal-modal,dialog{min-height:100vh}}.reveal-modal .column,dialog .column,.reveal-modal .columns,dialog .columns{min-width:0}.reveal-modal>:first-child,dialog>:first-child{margin-top:0}.reveal-modal>:last-child,dialog>:last-child{margin-bottom:0}@media only screen and (min-width:40.063em){.reveal-modal,dialog{width:80%;max-width:93.75rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal,dialog{top:15.625rem}}.reveal-modal.radius,dialog.radius{border-radius:3px}.reveal-modal.round,dialog.round{border-radius:1000px}.reveal-modal.collapse,dialog.collapse{padding:0}@media only screen and (min-width:40.063em){.reveal-modal.tiny,dialog.tiny{width:30%;max-width:93.75rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.small,dialog.small{width:40%;max-width:93.75rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.medium,dialog.medium{width:60%;max-width:93.75rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.large,dialog.large{width:70%;max-width:93.75rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.xlarge,dialog.xlarge{width:95%;max-width:93.75rem;left:0;right:0;margin:0 auto}}.reveal-modal.full,dialog.full{top:0;left:0;height:100%;height:100vh;min-height:100vh;max-width:none !important;margin-left:0 !important}@media only screen and (min-width:40.063em){.reveal-modal.full,dialog.full{width:100vw;max-width:93.75rem;left:0;right:0;margin:0 auto}}.reveal-modal .close-reveal-modal,dialog .close-reveal-modal{font-size:2.5rem;line-height:1;position:absolute;top:.625rem;right:1.375rem;color:#aaa;font-weight:bold;cursor:pointer}dialog{display:none}dialog::backdrop,dialog+.backdrop{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,.45);z-index:auto;display:none;left:0}dialog[open]{display:block}@media print{dialog,.reveal-modal{display:none;background:#fff !important}}.side-nav{display:block;margin:0;padding:0 0 0 0;list-style-type:none;list-style-position:outside;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.side-nav li{margin:0 0 0 0;font-size:1rem;font-weight:normal}.side-nav li a:not(.button){display:block;color:#334d5c;margin:0;padding:.4375rem .875rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:rgba(0,0,0,.025);color:#1f2e37}.side-nav li.active>a:first-child:not(.button){color:#1f2e37;font-weight:normal;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.side-nav li.divider{border-top:1px solid;height:0;padding:0;list-style:none;border-top-color:#e4e4e4}.side-nav li.heading{color:#334d5c;font-size:1rem;font-weight:bold;text-transform:uppercase}.sub-nav{display:block;width:auto;overflow:hidden;margin:-0.25rem 0 1.125rem;padding-top:.25rem}.sub-nav dt{text-transform:uppercase}.sub-nav dt,.sub-nav dd,.sub-nav li{float:left;display:inline;margin-left:1rem;margin-bottom:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:.875rem;color:#999}.sub-nav dt a,.sub-nav dd a,.sub-nav li a{text-decoration:none;color:#999;padding:.1875rem 1rem}.sub-nav dt a:hover,.sub-nav dd a:hover,.sub-nav li a:hover{color:#737373}.sub-nav dt.active a,.sub-nav dd.active a,.sub-nav li.active a{border-radius:3px;font-weight:normal;background:#334d5c;padding:.1875rem 1rem;cursor:default;color:#fff}.sub-nav dt.active a:hover,.sub-nav dd.active a:hover,.sub-nav li.active a:hover{background:#2c424f}table{background:#fff;margin-bottom:1.25rem;border:solid 1px #ddd;table-layout:auto}table caption{background:rgba(0,0,0,0);color:#222;font-size:1rem;font-weight:bold}table thead{background:#d7d7d7}table thead tr th,table thead tr td{padding:.5rem .625rem .625rem;font-size:.875rem;font-weight:bold;color:#222}table tfoot{background:#d7d7d7}table tfoot tr th,table tfoot tr td{padding:.5rem .625rem .625rem;font-size:.875rem;font-weight:bold;color:#222}table tr th,table tr td{padding:.5625rem .625rem;font-size:.875rem;color:#222;text-align:left}table tr.even,table tr.alt,table tr:nth-of-type(even){background:#e4e4e4}table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td{display:table-cell;line-height:1.125rem}.th{line-height:0;display:inline-block;border:solid 4px #fff;max-width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.2);transition:all 200ms ease-out}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(51,77,92,.5)}.th.radius{border-radius:3px}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media only screen and (max-width: 40em){.small-only-text-left{text-align:left !important}.small-only-text-right{text-align:right !important}.small-only-text-center{text-align:center !important}.small-only-text-justify{text-align:justify !important}}@media only screen{.small-text-left{text-align:left !important}.small-text-right{text-align:right !important}.small-text-center{text-align:center !important}.small-text-justify{text-align:justify !important}}@media only screen and (min-width:40.063em)and (max-width:64em){.medium-only-text-left{text-align:left !important}.medium-only-text-right{text-align:right !important}.medium-only-text-center{text-align:center !important}.medium-only-text-justify{text-align:justify !important}}@media only screen and (min-width:40.063em){.medium-text-left{text-align:left !important}.medium-text-right{text-align:right !important}.medium-text-center{text-align:center !important}.medium-text-justify{text-align:justify !important}}@media only screen and (min-width:64.063em)and (max-width:90em){.large-only-text-left{text-align:left !important}.large-only-text-right{text-align:right !important}.large-only-text-center{text-align:center !important}.large-only-text-justify{text-align:justify !important}}@media only screen and (min-width:64.063em){.large-text-left{text-align:left !important}.large-text-right{text-align:right !important}.large-text-center{text-align:center !important}.large-text-justify{text-align:justify !important}}@media only screen and (min-width:90.063em)and (max-width:120em){.xlarge-only-text-left{text-align:left !important}.xlarge-only-text-right{text-align:right !important}.xlarge-only-text-center{text-align:center !important}.xlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width:90.063em){.xlarge-text-left{text-align:left !important}.xlarge-text-right{text-align:right !important}.xlarge-text-center{text-align:center !important}.xlarge-text-justify{text-align:justify !important}}@media only screen and (min-width:120.063em)and (max-width:99999999em){.xxlarge-only-text-left{text-align:left !important}.xxlarge-only-text-right{text-align:right !important}.xxlarge-only-text-center{text-align:center !important}.xxlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width:120.063em){.xxlarge-text-left{text-align:left !important}.xxlarge-text-right{text-align:right !important}.xxlarge-text-center{text-align:center !important}.xxlarge-text-justify{text-align:justify !important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#334d5c;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#2c424f}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1rem;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:.875rem;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Volkhov",Georgia,Times,serif;font-weight:normal;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2rem;margin-bottom:.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:normal;margin-top:.2rem;margin-bottom:.5rem}hr{border:solid #cbcbcb;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;height:0}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{font-family:"Lucida Console",Monaco,monospace;font-weight:normal;color:#333;background-color:#e3f1c7;border-width:0px;border-style:solid;border-color:#d1e8a4;padding:.125rem .3125rem .0625rem}ul,ol,dl{font-size:1rem;line-height:1.6;margin-bottom:1.25rem;list-style-position:outside;font-family:inherit}ul{margin-left:1.3rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.3rem}ul.circle{list-style-type:circle;margin-left:1.3rem}ul.disc{list-style-type:disc;margin-left:1.3rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:bold}dl dd{margin-bottom:.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#111;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:.8125rem;color:#555}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;margin:0 0 1.25rem 0;border:1px solid #ddd;padding:.625rem .75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:.9375rem}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 .0625rem}@media only screen and (min-width:40.063em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.print-only{display:none !important}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}@media only screen{.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:40.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:64.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:90.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:120.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.hide-for-landscape,table.show-for-portrait{display:table !important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group !important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group !important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row !important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell !important}@media only screen and (orientation: landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.show-for-landscape,table.hide-for-portrait{display:table !important}thead.show-for-landscape,thead.hide-for-portrait{display:table-header-group !important}tbody.show-for-landscape,tbody.hide-for-portrait{display:table-row-group !important}tr.show-for-landscape,tr.hide-for-portrait{display:table-row !important}td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait{display:table-cell !important}}@media only screen and (orientation: portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}table.show-for-portrait,table.hide-for-landscape{display:table !important}thead.show-for-portrait,thead.hide-for-landscape{display:table-header-group !important}tbody.show-for-portrait,tbody.hide-for-landscape{display:table-row-group !important}tr.show-for-portrait,tr.hide-for-landscape{display:table-row !important}td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape{display:table-cell !important}}.show-for-touch{display:none !important}.hide-for-touch{display:inherit !important}.touch .show-for-touch{display:inherit !important}.touch .hide-for-touch{display:none !important}table.hide-for-touch{display:table !important}.touch table.show-for-touch{display:table !important}thead.hide-for-touch{display:table-header-group !important}.touch thead.show-for-touch{display:table-header-group !important}tbody.hide-for-touch{display:table-row-group !important}.touch tbody.show-for-touch{display:table-row-group !important}tr.hide-for-touch{display:table-row !important}.touch tr.show-for-touch{display:table-row !important}td.hide-for-touch{display:table-cell !important}.touch td.show-for-touch{display:table-cell !important}th.hide-for-touch{display:table-cell !important}.touch th.show-for-touch{display:table-cell !important}@media print{.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !important}}a,a:link{transition:all .4s;color:#0921e2}a:visited{border-bottom:#d7d7d7;color:#071582}a:hover{color:#071ab1}a:focus{color:#596af8}a:active{color:#051380}p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-ms-word-break:normal;word-break:normal}p a,article a{font-weight:bold;border-bottom:1px dotted}p a:hover,article a:hover{border-bottom:2px solid}p a.button,.button,.button:hover{border:0;color:#fff}p.button a{border:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}h1,h2,h3,h4,h5,h6{font-family:"Volkhov",Georgia,Times,serif;font-weight:normal;padding:0}h1{font-size:2.441em;margin-top:0}h2{font-size:1.953em;margin:1.563em 0 0 0}.blog-index h2{margin-top:0}h3{font-size:1.563em;margin:1.152em 0 0 0}h4{font-size:1.25em;margin:1.152em 0 0 0}h5{font-size:1.152em;margin:1em 0 0 0}img{border-radius:3px}img.alignleft,img.left{float:left;margin:5px 15px 5px 0}img.alignright,img.right{float:right;margin:5px 0 5px 15px}img.aligncenter,img.center{display:block;margin:0 auto 10px}figure{margin:0 0 1.875rem 0}#masthead-with-background-color figure,#masthead-with-pattern figure{margin:0}figcaption,.masthead-caption{color:#575757;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125rem;padding-top:.125rem}figcaption a,.masthead-caption a{border-bottom:1px dotted #bebebe;color:#575757}figcaption a:hover,.masthead-caption a:hover{border-bottom:2px solid #334d5c;color:#334d5c}.masthead-caption{padding-right:10px;text-align:right}td{vertical-align:top}pre{overflow:auto;margin-bottom:1.25rem;padding:5px;background-color:#e3f1c7;border-radius:3px}pre code{padding:.125rem .3125rem .0625rem 0;border:0}code{font-size:.875rem;line-height:1.5}ul,ol{margin-left:20px;padding:0}li{margin-left:0}.no-bullet{list-style:none;margin-left:0}li>ul,li>ol{margin-bottom:0}dt:first-child{padding-top:0px}dt{font-weight:bold;padding-top:30px}article dl dt{line-height:1.3}article dl dd{line-height:1.6;margin-bottom:.75rem;margin-left:1.5rem}blockquote{font-style:italic;position:relative;border:none;margin:0 30px 30px 30px;color:#4b4b4b}blockquote p{font-style:italic;color:#575757}blockquote:before{display:block;content:"»";font-size:80px;line-height:0;position:absolute;left:-25px;top:auto;color:#4b4b4b}blockquote:after{display:block;content:"«";font-size:80px;line-height:0;position:absolute;right:-10px;bottom:20px;color:#4b4b4b}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#575757}cite{padding-top:5px}button,.button{letter-spacing:1px}mark{background-color:#f9c188}.subheadline{font-size:1rem;margin:0;text-transform:uppercase}.teaser{font-size:1.25rem}.big-teaser{font-style:italic;font-weight:300}.big-teaser a{font-style:italic;font-weight:400}@media only screen{.big-teaser{font-size:1.25rem}}@media only screen and (min-width: 40.063em){.big-teaser{font-size:1.8125rem}}.sans{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.serif{font-family:"Volkhov",Georgia,Times,serif}.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}.font-size-p{font-size:16px}.footnotes:before{content:"";position:absolute;height:1px;width:60px;margin-top:-10px;border-bottom:1px solid #d7d7d7}.footnotes{margin-top:60px}.footnotes ol{font-size:.8em}.footnotes p{font-size:inherit;margin-bottom:0}@font-face{font-family:"iconfont";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#svgFontName") format("svg")}.iconfont{font-family:iconfont}.iconfont-48{font-size:48px}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.icon-archive:before,.icon-browser:before,.icon-calendar:before,.icon-camera:before,.icon-chat:before,.icon-check:before,.icon-chevron-down:before,.icon-chevron-left:before,.icon-chevron-right:before,.icon-chevron-up:before,.icon-circle-with-cross:before,.icon-circle-with-minus:before,.icon-circle-with-plus:before,.icon-cloud:before,.icon-code:before,.icon-cog:before,.icon-dropbox:before,.icon-edit:before,.icon-export:before,.icon-eye:before,.icon-facebook:before,.icon-feather:before,.icon-github:before,.icon-globe:before,.icon-googleplus:before,.icon-heart:before,.icon-heart-outlined:before,.icon-home:before,.icon-instagram:before,.icon-lab-flask:before,.icon-leaf:before,.icon-linkedin:before,.icon-mail:before,.icon-message:before,.icon-mic:before,.icon-network:before,.icon-paper-plane:before,.icon-pinterest:before,.icon-price-tag:before,.icon-rocket:before,.icon-rss:before,.icon-soundcloud:before,.icon-star:before,.icon-star-outlined:before,.icon-thumbs-down:before,.icon-thumbs-up:before,.icon-tree:before,.icon-tumblr:before,.icon-twitter:before,.icon-upload-to-cloud:before,.icon-video:before,.icon-vimeo:before,.icon-warning:before,.icon-xing:before,.icon-youtube:before{display:inline-block;font-family:"iconfont";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-archive:before{content:""}.icon-browser:before{content:""}.icon-calendar:before{content:""}.icon-camera:before{content:""}.icon-chat:before{content:""}.icon-check:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up:before{content:""}.icon-circle-with-cross:before{content:""}.icon-circle-with-minus:before{content:""}.icon-circle-with-plus:before{content:""}.icon-cloud:before{content:""}.icon-code:before{content:""}.icon-cog:before{content:""}.icon-dropbox:before{content:""}.icon-edit:before{content:""}.icon-export:before{content:""}.icon-eye:before{content:""}.icon-facebook:before{content:""}.icon-feather:before{content:""}.icon-github:before{content:""}.icon-globe:before{content:""}.icon-googleplus:before{content:""}.icon-heart:before{content:""}.icon-heart-outlined:before{content:""}.icon-home:before{content:""}.icon-instagram:before{content:""}.icon-lab-flask:before{content:""}.icon-leaf:before{content:""}.icon-linkedin:before{content:""}.icon-mail:before{content:""}.icon-message:before{content:""}.icon-mic:before{content:""}.icon-network:before{content:""}.icon-paper-plane:before{content:""}.icon-pinterest:before{content:""}.icon-price-tag:before{content:""}.icon-rocket:before{content:""}.icon-rss:before{content:""}.icon-soundcloud:before{content:""}.icon-star:before{content:""}.icon-star-outlined:before{content:""}.icon-thumbs-down:before{content:""}.icon-thumbs-up:before{content:""}.icon-tree:before{content:""}.icon-tumblr:before{content:""}.icon-twitter:before{content:""}.icon-upload-to-cloud:before{content:""}.icon-video:before{content:""}.icon-vimeo:before{content:""}.icon-warning:before{content:""}.icon-xing:before{content:""}.icon-youtube:before{content:""}body.video,body.video #masthead-no-image-header{background:#000}body.video #masthead-no-image-header{margin-bottom:60px}body.video h1,body.video h2,body.video h3,body.video h4,body.video h5,body.video h6,body.video p,body.video a,body.video blockquote:before,body.video blockquote:after,body.video cite a{color:#fff}body.video cite a:visited{color:#fff}body.video cite{color:#fff}#navigation{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.2);box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}#navigation [class^=icon-]:before,#navigation [class*=" icon-"]:before{margin-right:.5rem}.no-js form#search{display:none}#masthead{background-color:#334d5c}#masthead-no-image-header{background-color:#334d5c}#masthead-with-text{text-align:center;font-size:3.375rem;font-family:"Volkhov",Georgia,Times,serif;color:#fff;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.4)}#masthead-no-image-header{height:100px;background-color:#3faf46}#masthead-no-image-header #logo img{margin-top:10px}@media only screen and (max-width: 40em){#logo img{margin-top:30px}#masthead{height:100px}#masthead-with-pattern{padding:15px 0}#masthead-with-background-color{padding:15px 0}#masthead-with-text{height:220px;padding:30px 0;font-size:2.25rem}#masthead-no-image-header #logo img{margin-top:35px}}@media only screen and (min-width:40.063em)and (max-width:64em){#logo img{margin-top:60px}#masthead{height:200px}#masthead-with-pattern{padding:20px 0}#masthead-with-background-color{padding:20px 0}#masthead-with-text{padding:60px 0;height:300px}#masthead-no-image-header #logo img{margin-top:20px}}@media only screen and (min-width:64.063em)and (max-width:90em){#logo img{margin-top:60px}#masthead{height:200px}#masthead-with-pattern{padding:30px 0}#masthead-with-background-color{padding:30px 0}#masthead-with-text{height:330px;padding:60px 0}}@media only screen and (min-width:90.063em){#logo img{margin-top:60px}#masthead{height:200px}#masthead-with-pattern{padding:45px 0}#masthead-with-background-color{padding:45px 0}#masthead-with-text{padding:95px 0;height:400px}}#title-image-small{height:240px}#title-image-large{height:520px}#title-image-index-small{height:120px}#title-image-index-large{height:260px}#breadcrumb{background:#f3f3f3;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.breadcrumbs>.current{font-weight:bold}#page-meta,#page-meta a{color:#a4a4a4}#page-meta .button{background:#a4a4a4;border:0}#page-meta .button{color:#fff}#page-meta .button:hover{background:#334d5c}.meta-info p{font-size:.8125rem;color:#efefef}.meta-info a{text-decoration:underline;color:#efefef}.meta-info a:hover{text-decoration:none;color:#a1d044}#up-to-top{padding:30px 0 10px 0}#up-to-top a{font-size:24px;padding:5px;border-radius:3px}#up-to-top a:hover{background:#d7d7d7}#footer-content p,#footer-content li{font-size:.8125rem;font-weight:300}#footer{padding-top:30px;padding-bottom:20px;background:#7e7e7e;color:#fff}#footer a{color:#a1d044}#footer h4,#footer h5{letter-spacing:1px;color:#fff;text-transform:uppercase}#subfooter{background:#313131;color:#7e7e7e;padding-top:30px}#subfooter-left ul.inline-list{float:left}.credits a{color:#7e7e7e;border:0;text-transform:uppercase}.credits a:hover{color:#fff}.social-icons{margin-bottom:10px !important}.social-icons li{padding:0 0 20px 0}.social-icons a{font-size:1.4375rem;display:block;width:36px;border-radius:50%;color:#313131;background:#7e7e7e;text-align:center}.social-icons a:hover{background:#313131;color:#fff}.t10{margin-top:10px !important}.t15{margin-top:15px !important}.t20{margin-top:20px !important}.t30{margin-top:30px !important}.t50{margin-top:50px !important}.t60{margin-top:60px !important}.t70{margin-top:70px !important}.t80{margin-top:80px !important}.t90{margin-top:90px !important}.b15{margin-bottom:15px !important}.b20{margin-bottom:20px !important}.b30{margin-bottom:30px !important}.b60{margin-bottom:60px !important}.l15{margin-left:15px !important}.r15{margin-right:15px !important}.pl20{padding-left:20px !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr20{padding-right:20px !important}#toc ul,#toc ul ul,#toc ul ul ul{list-style:none;margin-left:30px}#toc ul{margin-left:0;margin-top:30px}.border-dotted{border:1px dotted #a4a4a4;padding:1.25rem;border-radius:3px}.shadow-no{text-shadow:rgba(0,0,0,0) 0 0 0}.shadow-black{text-shadow:rgba(0,0,0,.498039) 0px 1px 2px}.shadow-white{text-shadow:rgba(255,255,255,.498039) 0px 1px 2px}.alert-box{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0px 1px 1px rgba(0,0,0,.9)}.alert-box p{margin-bottom:0}.alert-box a{text-shadow:1px 1px 0px #000;color:#fff;border-bottom:1px dotted #fff}.alert-box a:hover{border-bottom:1px solid #fff}.alert-box.terminal{background:#3e3e3e;color:#fff;border-color:#353535;font-family:"Lucida Console",Monaco,monospace}.alert-box.terminal::before{content:"$ ";color:#a1d044;float:left;margin:.25em .5em 0 0}.alert-box.text{background-color:#d7d7d7;text-shadow:0px 0px 0px rgba(0,0,0,.9);border-color:#b9b9b9;color:#3e3e3e}button,.button{letter-spacing:1px}button.grey,.button.grey{background:#575757}button.grey:hover,button.grey:focus,.button.grey:hover,.button.grey:focus{background-color:#0b0b0b}.side-nav li.title{text-transform:uppercase}.side-nav li{border-top:1px solid #cbcbcb}.side-nav li a:not(.button){border-bottom:0;padding:.4375rem 0rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:#e4e4e4}.homepage p{margin:0;padding:0;color:#575757}dl.accordion{border-top:1px solid #d7d7d7}.accordion dd{border-bottom:1px solid #d7d7d7}dd.accordion-navigation span{padding-right:12px}dd.accordion-navigation span:before{content:""}dd.accordion-navigation.active span:before{content:""}dd.accordion-navigation.active span:before{content:""}/*! Lazy Load XT v1.0.6 2014-11-19 + * http://ressio.github.io/lazy-load-xt + * (C) 2014 RESS.io + * Licensed under MIT */img.lazy{display:none}.lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .7s;-moz-transition:opacity .7s;-ms-transition:opacity .7s;-o-transition:opacity .7s;transition:opacity .7s;opacity:1}*:target:not([id^="fn:"]):not([id^="fnref:"])::before{content:" ";width:0;height:0;display:block;padding-top:50px;margin-top:-50px}.highlight{background:#fff}.highlight [data-lang]::before{content:attr(data-lang);display:block;text-align:right;margin-right:5px;text-transform:uppercase}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}/*# sourceMappingURL=styles_feeling_responsive.css.map */ \ No newline at end of file diff --git a/assets/css/styles_feeling_responsive.css.map b/assets/css/styles_feeling_responsive.css.map new file mode 100644 index 00000000..68b9a065 --- /dev/null +++ b/assets/css/styles_feeling_responsive.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","../../_sass/_01_settings_colors.scss","../../_sass/_05_normalize.scss","../../_sass/foundation-components/_grid.scss","../../_sass/foundation-components/_global.scss","../../_sass/foundation-components/_buttons.scss","../../_sass/_04_settings_global.scss","../../_sass/foundation-components/_forms.scss","../../_sass/foundation-components/_top-bar.scss","../../_sass/foundation-components/_accordion.scss","../../_sass/foundation-components/_alert-boxes.scss","../../_sass/foundation-components/_breadcrumbs.scss","../../_sass/foundation-components/_block-grid.scss","../../_sass/foundation-components/_button-groups.scss","../../_sass/foundation-components/_clearing.scss","../../_sass/foundation-components/_dropdown.scss","../../_sass/foundation-components/_dropdown-buttons.scss","../../_sass/foundation-components/_flex-video.scss","../../_sass/foundation-components/_inline-lists.scss","../../_sass/foundation-components/_keystrokes.scss","../../_sass/foundation-components/_panels.scss","../../_sass/foundation-components/_reveal.scss","../../_sass/foundation-components/_side-nav.scss","../../_sass/foundation-components/_sub-nav.scss","../../_sass/foundation-components/_tables.scss","../../_sass/foundation-components/_thumbs.scss","../../_sass/foundation-components/_type.scss","../../_sass/foundation-components/_visibility.scss","../../_sass/_06_typography.scss","../../_sass/_07_layout.scss","../../_sass/_09_elements.scss","../../_sass/_11_syntax-highlighting.scss"],"names":[],"mappings":"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2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,ICsUZ,qBH3bA,cG4bkB,EHlblB,kCAuQa,OAtQb,+BAsQa,OArQb,0BAqQa,OApQb,uBAoQa,OG+Kb,sBHhcA,cGickB,EHvblB,mCAuQa,OAtQb,gCAsQa,OArQb,2BAqQa,OApQb,wBAoQa,OGqLb,yBAvQA,WA9Kc,QA+Kd,kBAIE,MH6BC,KGpBH,aA3LwB,KAybxB,2BAvOA,WAnNc,QAoNd,iBAIE,MHRC,KGiBH,aAhOwB,KA+bxB,8QACE,wBACA,gBA3XJ,iBHyHO,KGxHP,YApGkB,QAuGhB,aAhGiB,MAiGjB,aAhGiB,IAiGjB,aApGiB,KAuGnB,WAhGiB,+BAiGjB,MA5GiB,gBA6GjB,cACA,UA7GgB,QA8GhB,kBACA,cACA,iBACA,WHpDA,mBGqDoB,WHpDpB,gBGoDoB,WHnDpB,WGmDoB,WHgEpB,yDAEA,wWACE,wBACA,aGlLuB,KAqHzB,wWACE,WAxHmB,QAyHnB,aAvHuB,KAwHvB,aAIF,qZACE,iBHgGS,KG/FT,OP2KmB,QOvKrB,m3CAGE,iBHwFS,KGvFT,OPmKmB,QOsLjB,uXH1dF,cEqHY,IC8WN,wIHneN,cGsewB,EH5dxB,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,ICqXN,8CH1eN,cG2ewB,EHjexB,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC6XN,2IHlfN,cGqfwB,EH3exB,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,ICoYN,gDHzfN,cG0fwB,EHhfxB,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,IC4YN,qIHjgBN,cGogBwB,EH1fxB,mCAuQa,OAtQb,gCAsQa,OArQb,2BAqQa,OApQb,wBAoQa,OGuPP,6CHxgBN,cGygBwB,EH/fxB,kCAuQa,OAtQb,+BAsQa,OArQb,0BAqQa,OApQb,uBAoQa,OG+PP,wIHhhBN,cGmhBwB,EHzgBxB,kCAuQa,OAtQb,+BAsQa,OArQb,0BAqQa,OApQb,uBAoQa,OGsQP,+CHvhBN,cGwhBwB,EH9gBxB,m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AEA,QAGE,UACA,SAGF,MACK,uBAEL,uCACA,qCACA,wCACA,4CCrRJ,mBACE,iZACE,2BAEF,iZACE,wBAGA,icvBdN,2BACA,YACA,WACA,iBACA,UuBaM,qcvB5BN,6BACA,WACA,UACA,gBACA,8BuB6BM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBdN,2BACA,YACA,WACA,iBACA,UuBaM,qcvB5BN,6BACA,WACA,UACA,gBACA,8BuB6BM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBdN,2BACA,YACA,WACA,iBACA,UuBaM,qcvB5BN,6BACA,WACA,UACA,gBACA,8BuB6BM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBdN,2BACA,YACA,WACA,iBACA,UuBaM,qcvB5BN,6BACA,WACA,UACA,gBACA,8BuB6BM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,6CACE,iZACE,2BAEF,iZACE,wBAGA,icvBdN,2BACA,YACA,WACA,iBACA,UuBaM,qcvB5BN,6BACA,WACA,UACA,gBACA,8BuB6BM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BAaR,uCACqB,2BACrB,uCACqB,wBAInB,iDACsB,yBAGtB,iDACsB,sCAGtB,iDACsB,mCAGtB,2CACsB,6BAItB,sFACsB,8BAGxB,gDACE,uCACqB,2BACrB,uCACqB,wBAInB,iDACsB,yBAGtB,iDACsB,sCAGtB,iDACsB,mCAGtB,2CACsB,6BAItB,sFACsB,+BAI1B,+CACE,uCACsB,2BACtB,uCACsB,wBAIpB,iDACuB,yBAGvB,iDACuB,sCAGvB,iDACuB,mCAGvB,2CACuB,6BAIvB,sFACuB,+BAK3B,wCACA,2CACA,kDA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","sourcesContent":["@charset \"utf-8\";\n/* TOC – Typography variables\n\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\n\n- Fonts\n- Font Weight\n- Font Size Variables\n\n*/\n\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\n\n\n\n/* Fonts\n------------------------------------------------------------------- */\n\n$base-font-size: 16px;\n$rem-base: $base-font-size;\n// $base-line-height is 24px while $base-font-size is 16px\n$base-line-height: 1.5 !default;\n\n\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\n\n$body-font-family: $font-family-sans-serif;\n$body-font-weight: normal;\n$body-font-style: normal;\n\n$header-font-family: $font-family-serif;\n\n\n\n/* Font Weight\n------------------------------------------------------------------- */\n\n$font-weight-normal: normal;\n$font-weight-bold: bold;\n\n\n\n/* Font Size Variables\n------------------------------------------------------------------- */\n\n$font-size-p: \t$base-font-size;\n$font-size-h1: 2.441em;\n$font-size-h2: 1.953em;\n$font-size-h3: 1.563em;\n$font-size-h4: 1.25em;\n$font-size-h5: 1.152em;\n$font-size-small: 0.8em;\n\n.font-size-h1 { font-size: $font-size-h1; }\n.font-size-h2 { font-size: $font-size-h2; }\n.font-size-h3 { font-size: $font-size-h3; }\n.font-size-h4 { font-size: $font-size-h4; }\n.font-size-h5 { font-size: $font-size-h5; }\n","@charset \"utf-8\";\n// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n//\n// Foundation Variables\n//\n\n// Data attribute namespace\n// styles get applied to [data-mysite-plugin], etc\n$namespace: false !default;\n\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\n// for compatibility with browser-based text zoom or user-set defaults.\n\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\n$base-font-size: 100% !default;\n\n\n\n//\n// Global Foundation Mixins\n//\n\n// @mixins\n//\n// We use this to control border radius.\n// $radius - Default: $global-radius || 4px\n@mixin radius($radius: $global-radius) {\n @if $radius {\n border-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We use this to create equal side border radius on elements.\n// $side - Options: left, right, top, bottom\n@mixin side-radius($side, $radius: $global-radius) {\n @if ($side ==left or $side ==right) {\n -webkit-border-bottom-#{$side}-radius: $radius;\n -webkit-border-top-#{$side}-radius: $radius;\n border-bottom-#{$side}-radius: $radius;\n border-top-#{$side}-radius: $radius;\n }\n\n @else {\n -webkit-#{$side}-left-radius: $radius;\n -webkit-#{$side}-right-radius: $radius;\n border-#{$side}-left-radius: $radius;\n border-#{$side}-right-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We can control whether or not we have inset shadows edges.\n// $active - Default: true, Options: false\n@mixin inset-shadow($active: true) {\n box-shadow: $shiny-edge-size $shiny-edge-color inset;\n\n @if $active {\n &:active {\n box-shadow: $shiny-edge-size $shiny-edge-active-color inset;\n }\n }\n}\n\n// @mixins\n//\n// We use this to add transitions to elements\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\n// $speed - Default: 300ms\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\n@mixin single-transition($property: all, $speed: 300ms, $ease: ease-out) {\n transition: $property $speed $ease;\n}\n\n// @mixins\n//\n// We use this to add box-sizing across browser prefixes\n@mixin box-sizing($type: border-box) {\n -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\n -moz-box-sizing: $type; // Firefox < 29\n box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\n}\n\n// @mixins\n//\n// We use this to create isosceles triangles\n// $triangle-size - Used to set border-size. No default, set a px or em size.\n// $triangle-color - Used to set border-color which makes up triangle. No default\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border: inset $triangle-size;\n\n @if ($triangle-direction ==top) {\n border-color: $triangle-color transparent transparent transparent;\n border-top-style: solid;\n }\n\n @if ($triangle-direction ==bottom) {\n border-color: transparent transparent $triangle-color transparent;\n border-bottom-style: solid;\n }\n\n @if ($triangle-direction ==left) {\n border-color: transparent transparent transparent $triangle-color;\n border-left-style: solid;\n }\n\n @if ($triangle-direction ==right) {\n border-color: transparent $triangle-color transparent transparent;\n border-right-style: solid;\n }\n}\n\n// @mixins\n//\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n// $width - Width of hamburger icon in rem\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\n// $top - If false, icon will be centered vertically || explicitly set value in rem\n// $thickness - thickness of lines in hamburger icon, set value in px\n// $gap - spacing between the lines in hamburger icon, set value in px\n// $color - icon color\n// $hover-color - icon color during hover\n// $offcanvas - Set to true of @include in offcanvas\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\n span::after {\n content: \"\";\n position: absolute;\n display: block;\n height: 0;\n\n @if $offcanvas {\n @if $top {\n top: $top;\n }\n\n @else {\n top: 50%;\n margin-top: (-$width/2);\n }\n\n @if $left {\n left: $left;\n }\n\n @else {\n left: ($tabbar-menu-icon-width - $width)/2;\n }\n }\n\n @else {\n top: 50%;\n margin-top: -($width/2);\n #{$opposite-direction}: $topbar-link-padding;\n }\n\n box-shadow: 0 0 0 $thickness $color,\n 0 ($gap + $thickness) 0 $thickness $color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $color;\n width: $width;\n }\n\n span:hover:after {\n box-shadow:\n 0 0 0 $thickness $hover-color,\n 0 $gap + $thickness 0 $thickness $hover-color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\n }\n}\n\n// We use this to do clear floats\n@mixin clearfix {\n\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n// @mixins\n//\n// We use this to add a glowing effect to block elements\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\n// $fade-time - Default: 300ms\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\n@mixin block-glowing-effect($selector: focus, $fade-time: 300ms, $glowing-effect-color: fade-out($primary-color, .25)) {\n transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\n\n &:#{$selector} {\n box-shadow: 0 0 5px $glowing-effect-color;\n border-color: $glowing-effect-color;\n }\n}\n\n// @mixins\n//\n// We use this to translate elements in 2D\n// $horizontal: Default: 0\n// $vertical: Default: 0\n@mixin translate2d($horizontal: 0, $vertical: 0) {\n transform: translate($horizontal, $vertical)\n}\n\n// @mixins\n//\n// Makes an element visually hidden, but accessible.\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n@mixin element-invisible {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n// @mixins\n//\n// Turns off the element-invisible effect.\n@mixin element-invisible-off {\n position: static !important;\n height: auto;\n width: auto;\n overflow: visible;\n clip: auto;\n}\n\n\n// We use these to control text direction settings\n$text-direction: ltr !default;\n$default-float: left !default;\n$opposite-direction: right !default;\n\n@if $text-direction ==ltr {\n $default-float: left;\n $opposite-direction: right;\n}\n\n@else {\n $default-float: right;\n $opposite-direction: left;\n}\n\n// We use these to control inset shadow shiny edges and depressions.\n$shiny-edge-size: 0 1px 0 !default;\n$shiny-edge-color: rgba(#fff, .5) !default;\n$shiny-edge-active-color: rgba(#000, .2) !default;\n\n// We use this to control whether or not CSS classes come through in the gem files.\n$include-html-classes: true !default;\n$include-print-styles: true !default;\n$include-html-global-classes: $include-html-classes !default;\n\n$column-gutter: rem-calc(30) !default;\n\n\n\n\n// d. Media Query Ranges\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n$small-range: (\n 0em,\n 40em\n);\n$medium-range: (\n 40.063em,\n 64em\n);\n$large-range: (\n 64.063em,\n 90em\n);\n$xlarge-range: (\n 90.063em,\n 120em\n);\n$xxlarge-range: (\n 120.063em,\n 99999999em\n);\n\n\n$screen: \"only screen\" !default;\n\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\n\n$small-up: $screen !default;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\n\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\n\n// Legacy\n$small: $medium-up;\n$medium: $medium-up;\n$large: $large-up;\n\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\n$cursor-auto-value: auto !default;\n$cursor-crosshair-value: crosshair !default;\n$cursor-default-value: default !default;\n$cursor-pointer-value: pointer !default;\n$cursor-help-value: help !default;\n$cursor-text-value: text !default;\n\n\n@include exports(\"global\") {\n\n // Meta styles are included in all builds, as they are a dependency of the Javascript.\n // Used to provide media query values for javascript components.\n // Forward slash placed around everything to convince PhantomJS to read the value.\n\n meta.foundation-version {\n font-family: \"/5.5.0/\";\n }\n\n meta.foundation-mq-small {\n font-family: \"/\" + unquote($small-up) + \"/\";\n width: lower-bound($small-range);\n }\n\n meta.foundation-mq-small-only {\n font-family: \"/\" + unquote($small-only) + \"/\";\n width: lower-bound($small-range);\n }\n\n meta.foundation-mq-medium {\n font-family: \"/\" + unquote($medium-up) + \"/\";\n width: lower-bound($medium-range);\n }\n\n meta.foundation-mq-medium-only {\n font-family: \"/\" + unquote($medium-only) + \"/\";\n width: lower-bound($medium-range);\n }\n\n meta.foundation-mq-large {\n font-family: \"/\" + unquote($large-up) + \"/\";\n width: lower-bound($large-range);\n }\n\n meta.foundation-mq-large-only {\n font-family: \"/\" + unquote($large-only) + \"/\";\n width: lower-bound($large-range);\n }\n\n meta.foundation-mq-xlarge {\n font-family: \"/\" + unquote($xlarge-up) + \"/\";\n width: lower-bound($xlarge-range);\n }\n\n meta.foundation-mq-xlarge-only {\n font-family: \"/\" + unquote($xlarge-only) + \"/\";\n width: lower-bound($xlarge-range);\n }\n\n meta.foundation-mq-xxlarge {\n font-family: \"/\" + unquote($xxlarge-up) + \"/\";\n width: lower-bound($xxlarge-range);\n }\n\n meta.foundation-data-attribute-namespace {\n font-family: #{$namespace};\n }\n\n @if $include-html-global-classes {\n\n // Must be 100% for off canvas to work\n html,\n body {\n height: 100%;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *:before,\n *:after {\n @include box-sizing(border-box);\n }\n\n html,\n body {\n font-size: $base-font-size;\n }\n\n // Default body styles\n body {\n background: $body-bg;\n color: $body-font-color;\n padding: 0;\n margin: 0;\n font-family: $body-font-family;\n font-weight: $body-font-weight;\n font-style: $body-font-style;\n line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\n position: relative;\n cursor: $cursor-auto-value;\n }\n\n a:hover {\n cursor: $cursor-pointer-value;\n }\n\n // Grid Defaults to get images and embeds to work properly\n img {\n max-width: 100%;\n height: auto;\n }\n\n img {\n -ms-interpolation-mode: bicubic;\n }\n\n #map_canvas,\n .map_canvas {\n\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Miscellaneous useful HTML classes\n .left {\n float: left !important;\n }\n\n .right {\n float: right !important;\n }\n\n .clearfix {\n @include clearfix;\n }\n\n // Hide visually and from screen readers\n .hide {\n display: none !important;\n visibility: hidden;\n }\n\n // Hide visually and from screen readers, but maintain layout\n .invisible {\n visibility: hidden;\n }\n\n // Font smoothing\n // Antialiased font smoothing works best for light text on a dark background.\n // Apply to single elements instead of globally to body.\n // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n // Get rid of gap under images by making them display: inline-block; by default\n img {\n display: inline-block;\n vertical-align: middle;\n }\n\n //\n // Global resets for forms\n //\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n }\n\n // Make select elements 100% width by default\n select {\n width: 100%;\n }\n }\n}","@charset \"utf-8\";\n/* TOC – Color Variables\n\n- Basics\n- Corporate Identity Colorpalette\n- Foundation Color Variables\n- Grey Scale\n- Topbar-Navigation\n- Footer\n- Code\n\n*/\n\n\n\n/* Basics\n------------------------------------------------------------------- */\n\n$text-color : #111;\n$body-font-color : $text-color;\n$body-bg : #fdfdfd;\n\n\n\n/* Corporate Identity Colorpalette\n https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\n------------------------------------------------------------------- */\n\n$ci-1 : #334D5C; // dark turquoise\n$ci-2 : #45B29D; // turquoise\n$ci-3 : #EFC94C; // yellow\n$ci-4 : #be6409; // dark orange\n$ci-5 : #DF4949; // red\n$ci-6 : #A1D044; // green\n\n\n\n/* Foundation Color Variables\n------------------------------------------------------------------- */\n\n$primary-color : $ci-1;\n$secondary-color : $ci-6;\n$alert-color : $ci-5;\n$success-color : $ci-6;\n$warning-color : $ci-4;\n$info-color : $ci-1;\n\n\n\n/* Grey Scale\n------------------------------------------------------------------- */\n\n$grey-1 : #E4E4E4;\n$grey-2 : #D7D7D7;\n$grey-3 : #CBCBCB;\n$grey-4 : #BEBEBE;\n$grey-5 : #A4A4A4;\n$grey-6 : #979797;\n$grey-7 : #8B8B8B;\n$grey-8 : #7E7E7E;\n$grey-9 : #646464;\n$grey-10 : #575757;\n$grey-11 : #4B4B4B;\n$grey-12 : #3E3E3E;\n$grey-13 : #313131;\n$grey-14 : #242424;\n$grey-15 : #171717;\n$grey-16 : #0B0B0B;\n\n\n\n/* Topbar-Navigation\n------------------------------------------------------------------- */\n\n$topbar-bg-color : $body-bg;\n$topbar-bg : $topbar-bg-color;\n\n\n$topbar-dropdown-toggle-color: $ci-1;\n\n$topbar-link-color : #000;\n$topbar-link-color-hover: #000;\n$topbar-link-color-active: #000;\n$topbar-link-color-active-hover: #000;\n\n$topbar-dropdown-label-color: $ci-2;\n$topbar-dropdown-link-bg-hover: $ci-6;\n\n$topbar-link-bg-active: $ci-6; // Active Navigation Link\n$topbar-link-bg-hover: $ci-6;\n$topbar-link-bg-active-hover: $ci-2;\n\n\n$topbar-dropdown-bg: $ci-6; // Background Mobile Navigation\n$topbar-dropdown-link-color: #000;\n$topbar-dropdown-link-bg: $ci-2;\n\n$topbar-menu-link-color-toggled: $ci-1;\n$topbar-menu-icon-color-toggled: $ci-1;\n$topbar-menu-link-color: #000;\n$topbar-menu-icon-color: #000;\n$topbar-menu-link-color-toggled: $ci-6;\n$topbar-menu-icon-color-toggled: $ci-6;\n\n\n\n/* Footer\n------------------------------------------------------------------- */\n\n$footer-bg : $grey-8;\n$footer-color : #fff;\n$footer-link-color : $ci-6;\n\n\n$subfooter-bg : $grey-13;\n$subfooter-color : $grey-8;\n$subfooter-link-color: $grey-8;\n\n\n\n/* Code\n------------------------------------------------------------------- */\n\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\n\n$highlight-background: #ffffff;\n$highlight-comment: #999988;\n$highlight-error: #a61717;\n$highlight-comment-special: #999999;\n$highlight-deleted: #000000;\n$highlight-error-2: #aa0000;\n$highlight-literal-string: #d14;\n$highlight-literal-number: #009999;\n$highlight-name-attribut: #008080;\n$highlight-error-background: #e3d2d2;\n$highlight-generic-deleted: #ffdddd;\n$highlight-generic-deleted-specific: #ffaaaa;\n$highlight-generic-inserted: #ddffdd;\n$highlight-generic-inserted-specific: #aaffaa;\n$highlight-generic-output: #888888;\n$highlight-generic-prompt: #555555;\n$highlight-subheading: #aaaaaa;\n$highlight-keyword-type: #445588;\n$highlight-name-builtin: #0086B3;\n$highlight-name-class: #445588;\n$highlight-name-entity: #800080;\n$highlight-name-exception: #990000;\n$highlight-name-function: #990000;\n$highlight-name-namespace: #555555;\n$highlight-name-tag: #000080;\n$highlight-text-whitespace: #bbbbbb;\n$highlight-literal-string-regex: #009926;\n$highlight-literal-string-symbol: #990073;\n\n\n/* links\n------------------------------------------------------------------- */\n$link-unvisited: #0921e2;\n$link-visited: #071582;\n$link-hover: darken( $link-unvisited, 10% );\n$link-focus: lighten( $link-unvisited, 20% );\n$link-active: darken( $link-unvisited, 20% );\n","@charset \"utf-8\";\n/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n display: none;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n\nb,\nstrong {\n font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari and Chrome.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\n\nimg {\n border: 0;\n}\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\n\nbutton {\n overflow: visible;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n line-height: normal;\n}\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n font-weight: bold;\n}\n\n/* Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-grid-classes: $include-html-classes !default;\n$include-xl-html-grid-classes: false !default;\n\n$row-width: rem-calc(1500) !default;\n$total-columns: 12 !default;\n\n$last-child-float: $opposite-direction !default;\n\n//\n// Grid Functions\n//\n\n// Deprecated: We'll drop support for this in 5.1, use grid-calc()\n@function gridCalc($colNumber, $totalColumns) {\n @warn \"gridCalc() is deprecated, use grid-calc()\";\n @return grid-calc($colNumber, $totalColumns);\n}\n\n// @FUNCTION\n// $colNumber - Found in settings file\n// $totalColumns - Found in settings file\n@function grid-calc($colNumber, $totalColumns) {\n @return percentage(calc($colNumber / $totalColumns));\n}\n\n//\n// @mixins\n//\n\n// For creating container, nested, and collapsed rows.\n//\n//\n// $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false.\n@mixin grid-row($behavior: false) {\n\n // use @include grid-row(nest); to include a nested row\n @if $behavior ==nest {\n width: auto;\n margin-#{$default-float}: - calc($column-gutter/2);\n margin-#{$opposite-direction}: - calc($column-gutter/2);\n margin-top: 0;\n margin-bottom: 0;\n max-width: none;\n }\n\n // use @include grid-row(collapse); to collapsed a container row margins\n @else if $behavior ==collapse {\n width: 100%;\n margin: 0;\n max-width: $row-width;\n }\n\n // use @include grid-row(nest-collapse); to collapse outer margins on a nested row\n @else if $behavior ==nest-collapse {\n width: auto;\n margin: 0;\n max-width: none;\n }\n\n // use @include grid-row; to use a container row\n @else {\n width: 100%;\n margin-#{$default-float}: auto;\n margin-#{$opposite-direction}: auto;\n margin-top: 0;\n margin-bottom: 0;\n max-width: $row-width;\n }\n\n // Clearfix for all rows\n @include clearfix();\n}\n\n// Creates a column, should be used inside of a media query to control layouts\n//\n// $columns - The number of columns this should be\n// $last-column - Is this the last column? Default: false.\n// $center - Center these columns? Default: false.\n// $offset - # of columns to offset. Default: false.\n// $push - # of columns to push. Default: false.\n// $pull - # of columns to pull. Default: false.\n// $collapse - Get rid of gutter padding on column? Default: false.\n// $float - Should this float? Default: true. Options: true, false, left, right.\n@mixin grid-column($columns: false,\n $last-column: false,\n $center: false,\n $offset: false,\n $push: false,\n $pull: false,\n $collapse: false,\n $float: true,\n $position: false) {\n\n // If positioned for default .column, include relative position\n // push and pull require position set\n @if $position or $push or $pull {\n position: relative;\n }\n\n // If collapsed, get rid of gutter padding\n @if $collapse {\n padding-left: 0;\n padding-right: 0;\n }\n\n // Gutter padding whenever a column isn't set to collapse\n // (use $collapse:null to do nothing)\n @else if $collapse ==false {\n padding-left: calc($column-gutter / 2);\n padding-right: calc($column-gutter / 2);\n }\n\n // If a column number is given, calculate width\n @if $columns {\n width: grid-calc($columns, $total-columns);\n\n // If last column, float naturally instead of to the right\n @if $last-column {\n float: $opposite-direction;\n }\n }\n\n // Source Ordering, adds left/right depending on which you use.\n @if $push {\n #{$default-float}: grid-calc($push, $total-columns);\n #{$opposite-direction}: auto;\n }\n\n @if $pull {\n #{$opposite-direction}: grid-calc($pull, $total-columns);\n #{$default-float}: auto;\n }\n\n @if $float {\n @if $float ==left or $float ==true {\n float: $default-float;\n }\n\n @else if $float ==right {\n float: $opposite-direction;\n }\n\n @else {\n float: none;\n }\n }\n\n // If centered, get rid of float and add appropriate margins\n @if $center {\n margin-#{$default-float}: auto;\n margin-#{$opposite-direction}: auto;\n float: none;\n }\n\n // If offset, calculate appropriate margins\n @if $offset {\n margin-#{$default-float}: grid-calc($offset, $total-columns) !important;\n }\n\n}\n\n// Create presentational classes for grid\n//\n// $size - Name of class to use, i.e. \"large\" will generate .large-1, .large-2, etc.\n@mixin grid-html-classes($size) {\n\n @for $i from 0 through $total-columns - 1 {\n .#{$size}-push-#{$i} {\n @include grid-column($push: $i, $collapse: null, $float: false);\n }\n\n .#{$size}-pull-#{$i} {\n @include grid-column($pull: $i, $collapse: null, $float: false);\n }\n }\n\n .column,\n .columns {\n @include grid-column($columns: false, $position: true);\n }\n\n\n @for $i from 1 through $total-columns {\n .#{$size}-#{$i} {\n @include grid-column($columns: $i, $collapse: null, $float: false);\n }\n }\n\n @for $i from 0 through $total-columns - 1 {\n .#{$size}-offset-#{$i} {\n @include grid-column($offset: $i, $collapse: null, $float: false);\n }\n }\n\n .#{$size}-reset-order {\n margin-#{$default-float}: 0;\n margin-#{$opposite-direction}: 0;\n left: auto;\n right: auto;\n float: $default-float;\n }\n\n .column.#{$size}-centered,\n .columns.#{$size}-centered {\n @include grid-column($center: true, $collapse: null, $float: false);\n }\n\n .column.#{$size}-uncentered,\n .columns.#{$size}-uncentered {\n margin-#{$default-float}: 0;\n margin-#{$opposite-direction}: 0;\n float: $default-float;\n }\n\n // Fighting [class*=\"column\"] + [class*=\"column\"]:last-child\n .column.#{$size}-centered:last-child,\n .columns.#{$size}-centered:last-child {\n float: none;\n }\n\n // Fighting .column.-centered:last-child\n .column.#{$size}-uncentered:last-child,\n .columns.#{$size}-uncentered:last-child {\n float: $default-float;\n }\n\n .column.#{$size}-uncentered.opposite,\n .columns.#{$size}-uncentered.opposite {\n float: $opposite-direction;\n }\n\n .row {\n &.#{$size}-collapse {\n\n >.column,\n >.columns {\n @include grid-column($collapse: true, $float: false);\n }\n\n .row {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.#{$size}-uncollapse {\n\n >.column,\n >.columns {\n @include grid-column;\n }\n }\n }\n}\n\n@include exports(\"grid\") {\n @if $include-html-grid-classes {\n .row {\n @include grid-row;\n\n &.collapse {\n\n >.column,\n >.columns {\n @include grid-column($collapse: true, $float: false);\n }\n\n .row {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n .row {\n @include grid-row($behavior: nest);\n\n &.collapse {\n @include grid-row($behavior: nest-collapse);\n }\n }\n }\n\n .column,\n .columns {\n @include grid-column($columns: $total-columns);\n }\n\n [class*=\"column\"]+[class*=\"column\"]:last-child {\n float: $last-child-float;\n }\n\n [class*=\"column\"]+[class*=\"column\"].end {\n float: $default-float;\n }\n\n @media #{$small-up} {\n @include grid-html-classes($size: small);\n }\n\n @media #{$medium-up} {\n @include grid-html-classes($size: medium);\n\n // Old push and pull classes\n @for $i from 0 through $total-columns - 1 {\n .push-#{$i} {\n @include grid-column($push: $i, $collapse: null, $float: false);\n }\n\n .pull-#{$i} {\n @include grid-column($pull: $i, $collapse: null, $float: false);\n }\n }\n }\n\n @media #{$large-up} {\n @include grid-html-classes($size: large);\n\n @for $i from 0 through $total-columns - 1 {\n .push-#{$i} {\n @include grid-column($push: $i, $collapse: null, $float: false);\n }\n\n .pull-#{$i} {\n @include grid-column($pull: $i, $collapse: null, $float: false);\n }\n }\n }\n }\n\n @if $include-xl-html-grid-classes {\n @media #{$xlarge-up} {\n @include grid-html-classes($size: xlarge);\n }\n\n @media #{$xxlarge-up} {\n @include grid-html-classes($size: xxlarge);\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"../functions\";\n//\n// Foundation Variables\n//\n\n// Data attribute namespace\n// styles get applied to [data-mysite-plugin], etc\n$namespace: false !default;\n\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\n// for compatibility with browser-based text zoom or user-set defaults.\n\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\n$base-font-size: 100% !default;\n\n// $base-line-height is 24px while $base-font-size is 16px\n$base-line-height: 1.5 !default;\n\n//\n// Global Foundation Mixins\n//\n\n// @mixins\n//\n// We use this to control border radius.\n// $radius - Default: $global-radius || 4px\n@mixin radius($radius: $global-radius) {\n @if $radius {\n border-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We use this to create equal side border radius on elements.\n// $side - Options: left, right, top, bottom\n@mixin side-radius($side, $radius: $global-radius) {\n @if ($side ==left or $side ==right) {\n -webkit-border-bottom-#{$side}-radius: $radius;\n -webkit-border-top-#{$side}-radius: $radius;\n border-bottom-#{$side}-radius: $radius;\n border-top-#{$side}-radius: $radius;\n }\n\n @else {\n -webkit-#{$side}-left-radius: $radius;\n -webkit-#{$side}-right-radius: $radius;\n border-#{$side}-left-radius: $radius;\n border-#{$side}-right-radius: $radius;\n }\n}\n\n// @mixins\n//\n// We can control whether or not we have inset shadows edges.\n// $active - Default: true, Options: false\n@mixin inset-shadow($active: true) {\n box-shadow: $shiny-edge-size $shiny-edge-color inset;\n\n @if $active {\n &:active {\n box-shadow: $shiny-edge-size $shiny-edge-active-color inset;\n }\n }\n}\n\n// @mixins\n//\n// We use this to add transitions to elements\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\n// $speed - Default: 300ms\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\n@mixin single-transition($property: all, $speed: 300ms, $ease: ease-out) {\n transition: $property $speed $ease;\n}\n\n// @mixins\n//\n// We use this to add box-sizing across browser prefixes\n@mixin box-sizing($type: border-box) {\n -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\n -moz-box-sizing: $type; // Firefox < 29\n box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\n}\n\n// @mixins\n//\n// We use this to create isosceles triangles\n// $triangle-size - Used to set border-size. No default, set a px or em size.\n// $triangle-color - Used to set border-color which makes up triangle. No default\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border: inset $triangle-size;\n\n @if ($triangle-direction ==top) {\n border-color: $triangle-color transparent transparent transparent;\n border-top-style: solid;\n }\n\n @if ($triangle-direction ==bottom) {\n border-color: transparent transparent $triangle-color transparent;\n border-bottom-style: solid;\n }\n\n @if ($triangle-direction ==left) {\n border-color: transparent transparent transparent $triangle-color;\n border-left-style: solid;\n }\n\n @if ($triangle-direction ==right) {\n border-color: transparent $triangle-color transparent transparent;\n border-right-style: solid;\n }\n}\n\n// @mixins\n//\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n// $width - Width of hamburger icon in rem\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\n// $top - If false, icon will be centered vertically || explicitly set value in rem\n// $thickness - thickness of lines in hamburger icon, set value in px\n// $gap - spacing between the lines in hamburger icon, set value in px\n// $color - icon color\n// $hover-color - icon color during hover\n// $offcanvas - Set to true of @include in offcanvas\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\n span::after {\n content: \"\";\n position: absolute;\n display: block;\n height: 0;\n\n @if $offcanvas {\n @if $top {\n top: $top;\n }\n\n @else {\n top: 50%;\n margin-top: (-$width/2);\n }\n\n @if $left {\n left: $left;\n }\n\n @else {\n left: ($tabbar-menu-icon-width - $width)/2;\n }\n }\n\n @else {\n top: 50%;\n margin-top: -(calc($width / 2));\n #{$opposite-direction}: $topbar-link-padding;\n }\n\n box-shadow: 0 0 0 $thickness $color,\n 0 ($gap + $thickness) 0 $thickness $color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $color;\n width: $width;\n }\n\n span:hover:after {\n box-shadow:\n 0 0 0 $thickness $hover-color,\n 0 $gap + $thickness 0 $thickness $hover-color,\n 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\n }\n}\n\n// We use this to do clear floats\n@mixin clearfix {\n\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n// @mixins\n//\n// We use this to add a glowing effect to block elements\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\n// $fade-time - Default: 300ms\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\n@mixin block-glowing-effect($selector: focus, $fade-time: 300ms, $glowing-effect-color: fade-out($primary-color, .25)) {\n transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\n\n &:#{$selector} {\n box-shadow: 0 0 5px $glowing-effect-color;\n border-color: $glowing-effect-color;\n }\n}\n\n// @mixins\n//\n// We use this to translate elements in 2D\n// $horizontal: Default: 0\n// $vertical: Default: 0\n@mixin translate2d($horizontal: 0, $vertical: 0) {\n transform: translate($horizontal, $vertical)\n}\n\n// @mixins\n//\n// Makes an element visually hidden, but accessible.\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n@mixin element-invisible {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n// @mixins\n//\n// Turns off the element-invisible effect.\n@mixin element-invisible-off {\n position: static !important;\n height: auto;\n width: auto;\n overflow: visible;\n clip: auto;\n}\n\n$white : #FFFFFF !default;\n$ghost : #FAFAFA !default;\n$snow : #F9F9F9 !default;\n$vapor : #F6F6F6 !default;\n$white-smoke : #F5F5F5 !default;\n$silver : #EFEFEF !default;\n$smoke : #EEEEEE !default;\n$gainsboro : #DDDDDD !default;\n$iron : #CCCCCC !default;\n$base : #AAAAAA !default;\n$aluminum : #999999 !default;\n$jumbo : #888888 !default;\n$monsoon : #777777 !default;\n$steel : #666666 !default;\n$charcoal : #555555 !default;\n$tuatara : #444444 !default;\n$oil : #333333 !default;\n$jet : #222222 !default;\n$black : #000000 !default;\n\n// We use these as default colors throughout\n$primary-color: #008CBA !default; // bondi-blue\n$secondary-color: #e7e7e7 !default; // white-lilac\n$alert-color: #f04124 !default; // cinnabar\n$success-color: #43AC6A !default; // sea-green\n$warning-color: #f08a24 !default; // carrot\n$info-color: #a0d3e8 !default; // cornflower\n\n// We use these to define default font stacks\n$font-family-sans-serif: \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif !default;\n$font-family-serif: Georgia, Cambria, \"Times New Roman\", Times, serif !default;\n$font-family-monospace: Consolas, \"Liberation Mono\", Courier, monospace !default;\n\n// We use these to define default font weights\n$font-weight-normal: normal !default;\n$font-weight-bold: bold !default;\n\n// We use these to control various global styles\n$body-bg: #fff !default;\n$body-font-color: #222 !default;\n$body-font-family: $font-family-sans-serif !default;\n$body-font-weight: $font-weight-normal !default;\n$body-font-style: normal !default;\n\n// We use this to control font-smoothing\n$font-smoothing: antialiased !default;\n\n// We use these to control text direction settings\n$text-direction: ltr !default;\n$default-float: left !default;\n$opposite-direction: right !default;\n\n@if $text-direction ==ltr {\n $default-float: left;\n $opposite-direction: right;\n}\n\n@else {\n $default-float: right;\n $opposite-direction: left;\n}\n\n// We use these to make sure border radius matches unless we want it different.\n$global-radius: 3px !default;\n$global-rounded: 1000px !default;\n\n// We use these to control inset shadow shiny edges and depressions.\n$shiny-edge-size: 0 1px 0 !default;\n$shiny-edge-color: rgba(#fff, .5) !default;\n$shiny-edge-active-color: rgba(#000, .2) !default;\n\n// We use this to control whether or not CSS classes come through in the gem files.\n$include-html-classes: true !default;\n$include-print-styles: true !default;\n$include-html-global-classes: $include-html-classes !default;\n\n$column-gutter: rem-calc(30) !default;\n\n// Media Query Ranges\n$small-range: (\n 0,\n 40em) !default;\n$medium-range: (\n 40.063em,\n 64em) !default;\n$large-range: (\n 64.063em,\n 90em) !default;\n$xlarge-range: (\n 90.063em,\n 120em) !default;\n$xxlarge-range: (\n 120.063em,\n 99999999em) !default;\n\n\n$screen: \"only screen\" !default;\n\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\n\n$small-up: $screen !default;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\" !default;\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\n\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\n\n// Legacy\n$small: $medium-up;\n$medium: $medium-up;\n$large: $large-up;\n\n\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\n$cursor-auto-value: auto !default;\n$cursor-crosshair-value: crosshair !default;\n$cursor-default-value: default !default;\n$cursor-pointer-value: pointer !default;\n$cursor-help-value: help !default;\n$cursor-text-value: text !default;\n\n\n@include exports(\"global\") {\n\n // Meta styles are included in all builds, as they are a dependency of the Javascript.\n // Used to provide media query values for javascript components.\n // Forward slash placed around everything to convince PhantomJS to read the value.\n\n meta.foundation-version {\n font-family: \"/5.5.0/\";\n }\n\n meta.foundation-mq-small {\n font-family: \"/\" + unquote($small-up) + \"/\";\n width: lower-bound($small-range\n );\n}\n\nmeta.foundation-mq-small-only {\n font-family: \"/\" + unquote($small-only) + \"/\";\n width: lower-bound($small-range);\n}\n\nmeta.foundation-mq-medium {\n font-family: \"/\" + unquote($medium-up) + \"/\";\n width: lower-bound($medium-range);\n}\n\nmeta.foundation-mq-medium-only {\n font-family: \"/\" + unquote($medium-only) + \"/\";\n width: lower-bound($medium-range);\n}\n\nmeta.foundation-mq-large {\n font-family: \"/\" + unquote($large-up) + \"/\";\n width: lower-bound($large-range);\n}\n\nmeta.foundation-mq-large-only {\n font-family: \"/\" + unquote($large-only) + \"/\";\n width: lower-bound($large-range);\n}\n\nmeta.foundation-mq-xlarge {\n font-family: \"/\" + unquote($xlarge-up) + \"/\";\n width: lower-bound($xlarge-range);\n}\n\nmeta.foundation-mq-xlarge-only {\n font-family: \"/\" + unquote($xlarge-only) + \"/\";\n width: lower-bound($xlarge-range);\n}\n\nmeta.foundation-mq-xxlarge {\n font-family: \"/\" + unquote($xxlarge-up) + \"/\";\n width: lower-bound($xxlarge-range);\n}\n\nmeta.foundation-data-attribute-namespace {\n font-family: #{$namespace};\n}\n\n@if $include-html-global-classes {\n\n // Must be 100% for off canvas to work\n html,\n body {\n height: 100%;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *:before,\n *:after {\n @include box-sizing(border-box);\n }\n\n html,\n body {\n font-size: $base-font-size;\n }\n\n // Default body styles\n body {\n background: $body-bg;\n color: $body-font-color;\n padding: 0;\n margin: 0;\n font-family: $body-font-family;\n font-weight: $body-font-weight;\n font-style: $body-font-style;\n line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\n position: relative;\n cursor: $cursor-auto-value;\n }\n\n a:hover {\n cursor: $cursor-pointer-value;\n }\n\n // Grid Defaults to get images and embeds to work properly\n img {\n max-width: 100%;\n height: auto;\n }\n\n img {\n -ms-interpolation-mode: bicubic;\n }\n\n #map_canvas,\n .map_canvas {\n\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Miscellaneous useful HTML classes\n .left {\n float: left !important;\n }\n\n .right {\n float: right !important;\n }\n\n .clearfix {\n @include clearfix;\n }\n\n // Hide visually and from screen readers\n .hide {\n display: none !important;\n visibility: hidden;\n }\n\n // Hide visually and from screen readers, but maintain layout\n .invisible {\n visibility: hidden;\n }\n\n // Font smoothing\n // Antialiased font smoothing works best for light text on a dark background.\n // Apply to single elements instead of globally to body.\n // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n // Get rid of gap under images by making them display: inline-block; by default\n img {\n display: inline-block;\n vertical-align: middle;\n }\n\n //\n // Global resets for forms\n //\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n }\n\n // Make select elements 100% width by default\n select {\n width: 100%;\n }\n}\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-button-classes: $include-html-classes !default;\n\n// We use these to build padding for buttons.\n$button-tny: rem-calc(10) !default;\n$button-sml: rem-calc(14) !default;\n$button-med: rem-calc(16) !default;\n$button-lrg: rem-calc(18) !default;\n\n// We use this to control the display property.\n$button-display: inline-block !default;\n$button-margin-bottom: rem-calc(20) !default;\n\n// We use these to control button text styles.\n$button-font-family: $body-font-family !default;\n$button-font-color: $white !default;\n$button-font-color-alt: $oil !default;\n$button-font-tny: rem-calc(11) !default;\n$button-font-sml: rem-calc(13) !default;\n$button-font-med: rem-calc(16) !default;\n$button-font-lrg: rem-calc(20) !default;\n$button-font-weight: $font-weight-normal !default;\n$button-font-align: center !default;\n\n// We use these to control various hover effects.\n$button-function-factor: -20% !default;\n\n// We use these to control button border styles.\n$button-border-width: 0 !default;\n$button-border-style: solid !default;\n$button-bg-color: $primary-color !default;\n$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;\n$button-border-color: $button-bg-hover !default;\n$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default;\n$secondary-button-border-color: $secondary-button-bg-hover !default;\n$success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default;\n$success-button-border-color: $success-button-bg-hover !default;\n$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default;\n$alert-button-border-color: $alert-button-bg-hover !default;\n$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default;\n$warning-button-border-color: $warning-button-bg-hover !default;\n$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default;\n$info-button-border-color: $info-button-bg-hover !default;\n\n// We use this to set the default radius used throughout the core.\n$button-radius: $global-radius !default;\n$button-round: $global-rounded !default;\n\n// We use this to set default opacity and cursor for disabled buttons.\n$button-disabled-opacity: 0.7 !default;\n$button-disabled-cursor: $cursor-default-value !default;\n\n\n//\n// @MIXIN\n//\n// We use this mixin to create a default button base.\n//\n// $style - Sets base styles. Can be set to false. Default: true.\n// $display - Used to control display property. Default: $button-display || inline-block\n\n@mixin button-base($style:true, $display:$button-display) {\n @if $style {\n border-style: $button-border-style;\n border-width: $button-border-width;\n cursor: $cursor-pointer-value;\n font-family: $button-font-family;\n font-weight: $button-font-weight;\n line-height: normal;\n margin: 0 0 $button-margin-bottom;\n position: relative;\n text-decoration: none;\n text-align: $button-font-align;\n -webkit-appearance: none;\n border-radius:0;\n }\n @if $display { display: $display; }\n}\n\n// @MIXIN\n//\n// We use this mixin to add button size styles\n//\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\n// $full-width - We can set $full-width:true to remove side padding extend width - Default: false\n\n@mixin button-size($padding:$button-med, $full-width:false) {\n\n // We control which padding styles come through,\n // these can be turned off by setting $padding:false\n @if $padding {\n padding-top: $padding;\n padding-#{$opposite-direction}: $padding * 2;\n padding-bottom: $padding + rem-calc(1);\n padding-#{$default-float}: $padding * 2;\n\n // We control the font-size based on mixin input.\n @if $padding == $button-med { font-size: $button-font-med; }\n @else if $padding == $button-tny { font-size: $button-font-tny; }\n @else if $padding == $button-sml { font-size: $button-font-sml; }\n @else if $padding == $button-lrg { font-size: $button-font-lrg; }\n }\n\n // We can set $full-width:true to remove side padding extend width.\n @if $full-width {\n // We still need to check if $padding is set.\n @if $padding {\n padding-top: $padding;\n padding-bottom: $padding + rem-calc(1);\n } @else if $padding == false {\n padding-top:0;\n padding-bottom:0;\n }\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n}\n\n// @MIXIN\n//\n// we use this mixin to create the button hover and border colors\n\n// @MIXIN\n//\n// We use this mixin to add button color styles\n//\n// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color.\n// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false\n// $bg-hover - Button Hover Background Color. Default: $button-bg-hover\n// $border-color - Button Border Color. Default: $button-border-color\n@mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) {\n\n // We control which background styles are used,\n // these can be removed by setting $bg:false\n @if $bg {\n\n @if $bg-hover == null {\n $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor));\n }\n\n @if $border-color == null {\n $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor));\n }\n\n // This find the lightness percentage of the background color.\n $bg-lightness: lightness($bg);\n $bg-hover-lightness: lightness($bg-hover);\n\n background-color: $bg;\n border-color: $border-color;\n &:hover,\n &:focus { background-color: $bg-hover; }\n\n // We control the text color for you based on the background color.\n color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color);\n\n &:hover,\n &:focus {\n color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color);\n }\n }\n\n // We can set $disabled:true to create a disabled transparent button.\n @if $disabled {\n cursor: $button-disabled-cursor;\n opacity: $button-disabled-opacity;\n box-shadow: none;\n &:hover,\n &:focus { background-color: $bg; }\n }\n\n // We can control how much button radius is used.\n @if $radius == true { @include radius($button-radius); }\n @else if $radius { @include radius($radius); }\n\n}\n\n// @MIXIN\n//\n// We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, \"the kitchen sink mixin\"\n//\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\n// $bg - Primary color set in settings file. Default: $button-bg.\n// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false.\n// $full-width - We can set $full-width:true to remove side padding extend width. Default:false.\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default:false.\n// $is-prefix - Not used? Default:false.\n// $bg-hover - Button Hover Color - Default null - see button-style mixin\n// $border-color - Button Border Color - Default null - see button-style mixin\n// $transition - We can control whether or not to include the background-color transition property - Default:true.\n@mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) {\n @include button-base;\n @include button-size($padding, $full-width);\n @include button-style($bg, $radius, $disabled, $bg-hover, $border-color);\n\n @if $transition {\n @include single-transition(background-color);\n }\n}\n\n\n@include exports(\"button\") {\n @if $include-html-button-classes {\n\n // Default styles applied outside of media query\n button, .button {\n @include button-base;\n @include button-size;\n @include button-style;\n\n @include single-transition(background-color);\n\n &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }\n &.success { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }\n &.alert { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }\n &.warning { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }\n &.info { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }\n\n &.large { @include button-size($padding:$button-lrg); }\n &.small { @include button-size($padding:$button-sml); }\n &.tiny { @include button-size($padding:$button-tny); }\n &.expand { @include button-size($padding:null,$full-width:true); }\n\n &.left-align { text-align: left; text-indent: rem-calc(12); }\n &.right-align { text-align: right; padding-right: rem-calc(12); }\n\n &.radius { @include button-style($bg:false, $radius:true); }\n &.round { @include button-style($bg:false, $radius:$button-round); }\n\n &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color);\n &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }\n &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }\n &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }\n &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }\n &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }\n }\n }\n\n //firefox 2px fix\n button::-moz-focus-inner {border:0; padding:0;}\n\n @media #{$medium-up} {\n button, .button {\n @include button-base($style:false, $display:inline-block);\n @include button-size($padding:false, $full-width:false);\n }\n }\n }\n}\n","@charset \"utf-8\";\n\n$spacing-unit: 30px;\n\n\n// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n//\n\n// Table of Contents\n// Foundation Settings\n//\n// a. Base\n// b. Grid\n// c. Global\n// d. Media Query Ranges\n// e. Typography\n// 01. Accordion\n// 02. Alert Boxes\n// 03. Block Grid\n// 04. Breadcrumbs\n// 05. Buttons\n// 06. Button Groups\n// 07. Clearing\n// 08. Dropdown\n// 09. Dropdown Buttons\n// 10. Flex Video\n// 11. Forms\n// 12. Icon Bar\n// 13. Inline Lists\n// 14. Joyride\n// 15. Keystrokes\n// 16. Labels\n// 17. Magellan\n// 18. Off-canvas\n// 19. Orbit\n// 20. Pagination\n// 21. Panels\n// 22. Pricing Tables\n// 23. Progress Bar\n// 24. Range Slider\n// 25. Reveal\n// 26. Side Nav\n// 27. Split Buttons\n// 28. Sub Nav\n// 29. Switch\n// 30. Tables\n// 31. Tabs\n// 32. Thumbnails\n// 33. Tooltips\n// 34. Top Bar\n// 36. Visibility Classes\n\n// a. Base\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// This is the default html and body font-size for the base rem value.\n// $rem-base: 16px;\n\n// Allows the use of rem-calc() or lower-bound() in your settings\n@import \"functions\";\n\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\n// for compatibility with browser-based text zoom or user-set defaults.\n\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\n// $base-font-size: 100%;\n\n$base-font-size: 16px;\n$rem-base: $base-font-size;\n\n\n// The $base-font-size is 100% while $base-line-height is 150%\n// $base-line-height: 150%;\n\n// We use this to control whether or not CSS classes come through in the gem files.\n$include-html-classes: true;\n// $include-print-styles: true;\n$include-html-global-classes: $include-html-classes;\n\n// b. Grid\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-grid-classes: $include-html-classes;\n// $include-xl-html-grid-classes: false;\n\n// $row-width: rem-calc(1000);\n// $total-columns: 12;\n// $column-gutter: rem-calc(30);\n\n// c. Global\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// We use these to define default font stacks\n// $font-family-sans-serif: \"Lato\", \"Helvetica Neue\", \"Helvetica\", Helvetica, Arial, sans-serif;\n// $font-family-serif: \"Volkhov\", Georgia, Times, serif;\n// $font-family-monospace: \"Lucida Console\", Monaco, monospace;\n\n// We use these to define default font weights\n// $font-weight-normal: normal !default;\n// $font-weight-bold: bold !default;\n\n// $white : #FFFFFF;\n// $ghost : #FAFAFA;\n// $snow : #F9F9F9;\n// $vapor : #F6F6F6;\n// $white-smoke : #F5F5F5;\n// $silver : #EFEFEF;\n// $smoke : #EEEEEE;\n// $gainsboro : #DDDDDD;\n// $iron : #CCCCCC;\n// $base : #AAAAAA;\n// $aluminum : #999999;\n// $jumbo : #888888;\n// $monsoon : #777777;\n// $steel : #666666;\n// $charcoal : #555555;\n// $tuatara : #444444;\n// $oil : #333333;\n// $jet : #222222;\n// $black : #000000;\n\n// We use these as default colors throughout\n// $primary-color: #008CBA;\n// $secondary-color: #e7e7e7;\n// $alert-color: #f04124;\n// $success-color: #43AC6A;\n// $warning-color: #f08a24;\n// $info-color: #a0d3e8;\n\n// We use these to control various global styles\n// $body-bg: $white;\n// $body-font-color: $jet;\n// $body-font-family: $font-family-sans-serif;\n// $body-font-weight: $font-weight-normal;\n// $body-font-style: normal;\n\n// We use this to control font-smoothing\n// $font-smoothing: antialiased;\n\n// We use these to control text direction settings\n// $text-direction: ltr;\n// $opposite-direction: right;\n// $default-float: left;\n// $last-child-float: $opposite-direction;\n\n// We use these to make sure border radius matches unless we want it different.\n$global-radius: 3px;\n// $global-rounded: 1000px;\n\n// We use these to control inset shadow shiny edges and depressions.\n// $shiny-edge-size: 0 1px 0;\n// $shiny-edge-color: rgba($white, .5);\n// $shiny-edge-active-color: rgba($black, .2);\n\n// // d. Media Query Ranges\n// // - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $small-range: (0em, 40em);\n// $medium-range: (40.063em, 64em);\n// $large-range: (64.063em, 90em);\n// $xlarge-range: (90.063em, 120em);\n// $xxlarge-range: (120.063em, 99999999em);\n\n// $screen: \"only screen\";\n\n// // $landscape: \"#{$screen} and (orientation: landscape)\";\n// // $portrait: \"#{$screen} and (orientation: portrait)\";\n\n// $small-up: $screen;\n// $small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\n\n// $medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\";\n// $medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\";\n\n// $large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\";\n// $large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\";\n\n// $xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\";\n// $xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\";\n\n// $xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\";\n// $xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\";\n\n// Legacy\n// $small: $medium-up;\n// $medium: $medium-up;\n// $large: $large-up;\n\n// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\n// $cursor-crosshair-value: crosshair;\n// $cursor-default-value: default;\n// $cursor-pointer-value: pointer;\n// $cursor-help-value: help;\n// $cursor-text-value: text;\n\n// e. Typography\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-type-classes: $include-html-classes;\n\n// We use these to control header font styles\n// $header-font-family: $font-family-serif;\n// $header-font-weight: $font-weight-normal;\n// $header-font-style: normal;\n// $header-font-color: $jet;\n// $header-line-height: 1.4;\n// $header-top-margin: .2rem;\n// $header-bottom-margin: .5rem;\n// $header-text-rendering: optimizeLegibility;\n\n// We use these to control header font sizes\n// $h1-font-size: rem-calc(54);\n// $h2-font-size: rem-calc(36);\n// $h3-font-size: rem-calc(29);\n// $h4-font-size: rem-calc(24);\n// $h5-font-size: rem-calc(19);\n// $h6-font-size: 1rem;\n\n// We use these to control header size reduction on small screens\n// $h1-font-reduction: rem-calc(10) !default;\n// $h2-font-reduction: rem-calc(10) !default;\n// $h3-font-reduction: rem-calc(5) !default;\n// $h4-font-reduction: rem-calc(5) !default;\n// $h5-font-reduction: 0 !default;\n// $h6-font-reduction: 0 !default;\n\n// These control how subheaders are styled.\n// $subheader-line-height: 1.4;\n// $subheader-font-color: scale-color($header-font-color, $lightness: 35%);\n// $subheader-font-weight: $font-weight-normal;\n// $subheader-top-margin: .2rem;\n// $subheader-bottom-margin: .5rem;\n\n// A general styling\n// $small-font-size: 60%;\n// $small-font-color: scale-color($header-font-color, $lightness: 35%);\n\n// We use these to style paragraphs\n// $paragraph-font-family: inherit;\n// $paragraph-font-weight: $font-weight-normal;\n// $paragraph-font-size: 1rem;\n// $paragraph-line-height: 1.6;\n// $paragraph-margin-bottom: rem-calc(20);\n// $paragraph-aside-font-size: rem-calc(14);\n// $paragraph-aside-line-height: 1.35;\n// $paragraph-aside-font-style: italic;\n// $paragraph-text-rendering: optimizeLegibility;\n\n// We use these to style tags\n// $code-color: $oil;\n// $code-font-family: $font-family-monospace;\n// $code-font-weight: $font-weight-normal;\n// $code-background-color: scale-color($secondary-color, $lightness: 70%);\n// $code-border-size: 1px;\n// $code-border-style: solid;\n// $code-border-color: scale-color($code-background-color, $lightness: -10%);\n// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);\n\n// We use these to style anchors\n// $anchor-text-decoration: none;\n// $anchor-text-decoration-hover: none;\n// $anchor-font-color: $primary-color;\n// $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);\n\n// We use these to style the
element\n// $hr-border-width: 1px;\n// $hr-border-style: solid;\n$hr-border-color: $grey-3;\n// $hr-margin: rem-calc(20);\n\n// We use these to style lists\n// $list-font-family: $paragraph-font-family;\n// $list-font-size: $paragraph-font-size;\n// $list-line-height: $paragraph-line-height;\n// $list-margin-bottom: $paragraph-margin-bottom;\n// $list-style-position: outside;\n$list-side-margin: 1.3rem;\n// $list-ordered-side-margin: 1.4rem;\n// $list-side-margin-no-bullet: 0;\n// $list-nested-margin: rem-calc(20);\n// $definition-list-header-weight: $font-weight-bold;\n// $definition-list-header-margin-bottom: .3rem;\n// $definition-list-margin-bottom: rem-calc(12);\n\n// We use these to style blockquotes\n// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);\n// $blockquote-padding: rem-calc(9 20 0 19);\n// $blockquote-border: 1px solid $gainsboro;\n// $blockquote-cite-font-size: rem-calc(13);\n// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);\n// $blockquote-cite-link-color: $blockquote-cite-font-color;\n\n// Acronym styles\n// $acronym-underline: 1px dotted $gainsboro;\n\n// We use these to control padding and margin\n// $microformat-padding: rem-calc(10 12);\n// $microformat-margin: rem-calc(0 0 20 0);\n\n// We use these to control the border styles\n// $microformat-border-width: 1px;\n// $microformat-border-style: solid;\n// $microformat-border-color: $gainsboro;\n\n// We use these to control full name font styles\n// $microformat-fullname-font-weight: $font-weight-bold;\n// $microformat-fullname-font-size: rem-calc(15);\n\n// We use this to control the summary font styles\n// $microformat-summary-font-weight: $font-weight-bold;\n\n// We use this to control abbr padding\n// $microformat-abbr-padding: rem-calc(0 1);\n\n// We use this to control abbr font styles\n// $microformat-abbr-font-weight: $font-weight-bold;\n// $microformat-abbr-font-decoration: none;\n\n// 01. Accordion\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-accordion-classes: $include-html-classes;\n\n$accordion-navigation-padding: rem-calc(12);\n// $accordion-navigation-bg-color: #ffffff;\n// $accordion-navigation-hover-bg-color: $grey-1;\n// $accordion-navigation-active-bg-color: $grey-1;\n// $accordion-navigation-font-color: $jet;\n// $accordion-navigation-font-size: rem-calc(16);\n// $accordion-navigation-font-family: $body-font-family;\n\n// $accordion-content-padding: $column-gutter/2;\n$accordion-content-active-bg-color: $body-bg;\n\n// 02. Alert Boxes\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-alert-classes: $include-html-classes;\n\n// We use this to control alert padding.\n// $alert-padding-top: rem-calc(14);\n// $alert-padding-default-float: $alert-padding-top;\n// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);\n// $alert-padding-bottom: $alert-padding-top;\n\n// We use these to control text style.\n// $alert-font-weight: $font-weight-normal;\n$alert-font-size: rem-calc(15);\n// $alert-font-color: $white;\n// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);\n\n// We use this for close hover effect.\n// $alert-function-factor: -14%;\n\n// We use these to control border styles.\n// $alert-border-style: solid;\n// $alert-border-width: 1px;\n// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);\n// $alert-bottom-margin: rem-calc(20);\n\n// We use these to style the close buttons\n// $alert-close-color: $oil;\n// $alert-close-top: 50%;\n// $alert-close-position: rem-calc(4);\n// $alert-close-font-size: rem-calc(22);\n// $alert-close-opacity: 0.3;\n// $alert-close-opacity-hover: 0.5;\n// $alert-close-padding: 9px 6px 4px;\n\n// We use this to control border radius\n// $alert-radius: $global-radius;\n\n// We use this to control transition effects\n// $alert-transition-speed: 300ms;\n// $alert-transition-ease: ease-out;\n\n// 03. Block Grid\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-block-grid-classes: $include-html-classes;\n// $include-xl-html-block-grid-classes: false;\n\n// We use this to control the maximum number of block grid elements per row\n// $block-grid-elements: 12;\n// $block-grid-default-spacing: rem-calc(20);\n// $align-block-grid-to-grid: false;\n\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\n// $block-grid-media-queries: true;\n\n// 04. Breadcrumbs\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-nav-classes: $include-html-classes;\n\n// We use this to set the background color for the breadcrumb container.\n$crumb-bg: $grey-1;\n\n// We use these to set the padding around the breadcrumbs.\n// $crumb-padding: rem-calc(9 9 14 0);\n// $crumb-side-padding: rem-calc(12);\n\n// We use these to control border styles.\n// $crumb-function-factor: -10%;\n$crumb-border-size: 0;\n// $crumb-border-style: solid;\n$crumb-border-color: $grey-1;\n$crumb-radius: 0;\n\n// We use these to set various text styles for breadcrumbs.\n// $crumb-font-size: rem-calc(11);\n// $crumb-font-color: $primary-color;\n// $crumb-font-color-current: $oil;\n// $crumb-font-color-unavailable: $aluminum;\n// $crumb-font-transform: uppercase;\n// $crumb-link-decor: underline;\n\n// We use these to control the slash between breadcrumbs\n// $crumb-slash-color: $base;\n$crumb-slash: \"/\";\n\n// 05. Buttons\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// We use these to build padding for buttons.\n// $button-tny: rem-calc(10);\n// $button-sml: rem-calc(14);\n// $button-med: rem-calc(16);\n// $button-lrg: rem-calc(18);\n\n// We use this to control the display property.\n// $button-display: inline-block;\n// $button-margin-bottom: rem-calc(20);\n\n// We use these to control button text styles.\n// $button-font-family: $body-font-family;\n// $button-font-color: $white;\n// $button-font-color-alt: $oil;\n// $button-font-tny: rem-calc(11);\n// $button-font-sml: rem-calc(13);\n// $button-font-med: rem-calc(16);\n// $button-font-lrg: rem-calc(20);\n// $button-font-weight: $font-weight-normal;\n// $button-font-align: center;\n\n// We use these to control various hover effects.\n// $button-function-factor: -20%;\n\n// We use these to control button border and hover styles.\n// $button-border-width: 0px;\n// $button-border-style: solid;\n// $button-bg-color: $primary-color;\n// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);\n// $button-border-color: $button-bg-hover;\n// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);\n// $secondary-button-border-color: $secondary-button-bg-hover;\n// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);\n// $success-button-border-color: $success-button-bg-hover;\n// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);\n// $alert-button-border-color: $alert-button-bg-hover;\n\n// We use this to set the default radius used throughout the core.\n// $button-radius: $global-radius;\n// $button-round: $global-rounded;\n\n// We use this to set default opacity and cursor for disabled buttons.\n// $button-disabled-opacity: 0.7;\n// $button-disabled-cursor: $cursor-default-value;\n\n// 06. Button Groups\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\n// $button-bar-margin-opposite: rem-calc(10);\n// $button-group-border-width: 1px;\n\n// 07. Clearing\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-clearing-classes: $include-html-classes;\n\n// We use these to set the background colors for parts of Clearing.\n// $clearing-bg: $oil;\n// $clearing-caption-bg: $clearing-bg;\n// $clearing-carousel-bg: rgba(51,51,51,0.8);\n// $clearing-img-bg: $clearing-bg;\n\n// We use these to style the close button\n// $clearing-close-color: $iron;\n// $clearing-close-size: 30px;\n\n// We use these to style the arrows\n// $clearing-arrow-size: 12px;\n// $clearing-arrow-color: $clearing-close-color;\n\n// We use these to style captions\n// $clearing-caption-font-color: $iron;\n// $clearing-caption-font-size: 0.875em;\n// $clearing-caption-padding: 10px 30px 20px;\n\n// We use these to make the image and carousel height and style\n// $clearing-active-img-height: 85%;\n// $clearing-carousel-height: 120px;\n// $clearing-carousel-thumb-width: 120px;\n// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);\n\n// 08. Dropdown\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-dropdown-classes: $include-html-classes;\n\n// We use these to controls height and width styles.\n// $f-dropdown-max-width: 200px;\n// $f-dropdown-height: auto;\n// $f-dropdown-max-height: none;\n\n// Used for bottom position\n// $f-dropdown-margin-top: 2px;\n\n// Used for right position\n// $f-dropdown-margin-left: $f-dropdown-margin-top;\n\n// Used for left position\n// $f-dropdown-margin-right: $f-dropdown-margin-top;\n\n// Used for top position\n// $f-dropdown-margin-bottom: $f-dropdown-margin-top;\n\n// We use this to control the background color\n// $f-dropdown-bg: $white;\n\n// We use this to set the border styles for dropdowns.\n// $f-dropdown-border-style: solid;\n// $f-dropdown-border-width: 1px;\n// $f-dropdown-border-color: scale-color($white, $lightness: -20%);\n\n// We use these to style the triangle pip.\n// $f-dropdown-triangle-size: 6px;\n// $f-dropdown-triangle-color: $white;\n// $f-dropdown-triangle-side-offset: 10px;\n\n// We use these to control styles for the list elements.\n// $f-dropdown-list-style: none;\n// $f-dropdown-font-color: $charcoal;\n// $f-dropdown-font-size: rem-calc(14);\n// $f-dropdown-list-padding: rem-calc(5, 10);\n// $f-dropdown-line-height: rem-calc(18);\n// $f-dropdown-list-hover-bg: $smoke ;\n// $dropdown-mobile-default-float: 0;\n\n// We use this to control the styles for when the dropdown has custom content.\n// $f-dropdown-content-padding: rem-calc(20);\n\n// Default radius for dropdown.\n// $f-dropdown-radius: $global-radius;\n\n\n// 09. Dropdown Buttons\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// We use these to set the color of the pip in dropdown buttons\n// $dropdown-button-pip-color: $white;\n// $dropdown-button-pip-color-alt: $oil;\n\n// $button-pip-tny: rem-calc(6);\n// $button-pip-sml: rem-calc(7);\n// $button-pip-med: rem-calc(9);\n// $button-pip-lrg: rem-calc(11);\n\n// We use these to style tiny dropdown buttons\n// $dropdown-button-padding-tny: $button-pip-tny * 7;\n// $dropdown-button-pip-size-tny: $button-pip-tny;\n// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;\n// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1);\n\n// We use these to style small dropdown buttons\n// $dropdown-button-padding-sml: $button-pip-sml * 7;\n// $dropdown-button-pip-size-sml: $button-pip-sml;\n// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;\n// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1);\n\n// We use these to style medium dropdown buttons\n// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);\n// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);\n// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;\n// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2);\n\n// We use these to style large dropdown buttons\n// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);\n// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\n// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;\n// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3);\n\n// 10. Flex Video\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-media-classes: $include-html-classes;\n\n// We use these to control video container padding and margins\n// $flex-video-padding-top: rem-calc(25);\n// $flex-video-padding-bottom: 67.5%;\n// $flex-video-margin-bottom: rem-calc(16);\n\n// We use this to control widescreen bottom padding\n// $flex-video-widescreen-padding-bottom: 56.34%;\n\n// 11. Forms\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-form-classes: $include-html-classes;\n\n// We use this to set the base for lots of form spacing and positioning styles\n// $form-spacing: rem-calc(16);\n\n// We use these to style the labels in different ways\n// $form-label-pointer: pointer;\n// $form-label-font-size: rem-calc(14);\n// $form-label-font-weight: $font-weight-normal;\n// $form-label-line-height: 1.5;\n// $form-label-font-color: scale-color($black, $lightness: 30%);\n// $form-label-small-transform: capitalize;\n// $form-label-bottom-margin: 0;\n// $input-font-family: inherit;\n// $input-font-color: rgba(0,0,0,0.75);\n// $input-font-size: rem-calc(14);\n// $input-bg-color: $white;\n// $input-focus-bg-color: scale-color($white, $lightness: -2%);\n// $input-border-color: scale-color($white, $lightness: -20%);\n// $input-focus-border-color: scale-color($white, $lightness: -40%);\n// $input-border-style: solid;\n// $input-border-width: 1px;\n// $input-border-radius: $global-radius;\n// $input-disabled-bg: $gainsboro;\n// $input-disabled-cursor: $cursor-default-value;\n// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n\n// We use these to style the fieldset border and spacing.\n// $fieldset-border-style: solid;\n// $fieldset-border-width: 1px;\n// $fieldset-border-color: $gainsboro;\n// $fieldset-padding: rem-calc(20);\n// $fieldset-margin: rem-calc(18 0);\n\n// We use these to style the legends when you use them\n// $legend-bg: $white;\n// $legend-font-weight: $font-weight-bold;\n// $legend-padding: rem-calc(0 3);\n\n// We use these to style the prefix and postfix input elements\n// $input-prefix-bg: scale-color($white, $lightness: -5%);\n// $input-prefix-border-color: scale-color($white, $lightness: -20%);\n// $input-prefix-border-size: 1px;\n// $input-prefix-border-type: solid;\n// $input-prefix-overflow: hidden;\n// $input-prefix-font-color: $oil;\n// $input-prefix-font-color-alt: $white;\n\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\n// $input-number-spinners: true;\n\n// We use these to style the error states for inputs and labels\n// $input-error-message-padding: rem-calc(6 9 9);\n// $input-error-message-top: -1px;\n// $input-error-message-font-size: rem-calc(12);\n// $input-error-message-font-weight: $font-weight-normal;\n// $input-error-message-font-style: italic;\n// $input-error-message-font-color: $white;\n// $input-error-message-font-color-alt: $oil;\n\n// We use this to style the glowing effect of inputs when focused\n// $input-include-glowing-effect: true;\n// $glowing-effect-fade-time: 0.45s;\n// $glowing-effect-color: $input-focus-border-color;\n\n// Select variables\n// $select-bg-color: $ghost;\n// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);\n\n// 12. Icon Bar\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// We use these to style the icon-bar and items\n// $include-html-icon-bar-classes: $include-html-classes;\n// $icon-bar-bg: $oil;\n// $icon-bar-font-color: $white;\n// $icon-bar-font-size: 1rem;\n// $icon-bar-hover-color: $primary-color;\n// $icon-bar-icon-color: $white;\n// $icon-bar-icon-size: 1.875rem;\n// $icon-bar-image-width: 1.875rem;\n// $icon-bar-image-height: 1.875rem;\n// $icon-bar-active-color: $primary-color;\n// $icon-bar-item-padding: 1.25rem;\n\n// 13. Inline Lists\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-inline-list-classes: $include-html-classes;\n\n// We use this to control the margins and padding of the inline list.\n// $inline-list-top-margin: 0;\n// $inline-list-opposite-margin: 0;\n// $inline-list-bottom-margin: rem-calc(17);\n// $inline-list-default-float-margin: rem-calc(-22);\n// $inline-list-default-float-list-margin: rem-calc(22);\n\n// $inline-list-padding: 0;\n\n// We use this to control the overflow of the inline list.\n// $inline-list-overflow: hidden;\n\n// We use this to control the list items\n// $inline-list-display: block;\n\n// We use this to control any elements within list items\n// $inline-list-children-display: block;\n\n// 14. Joyride\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-joyride-classes: $include-html-classes;\n\n// Controlling default Joyride styles\n// $joyride-tip-bg: $oil;\n// $joyride-tip-default-width: 300px;\n// $joyride-tip-padding: rem-calc(18 20 24);\n// $joyride-tip-border: solid 1px $charcoal;\n// $joyride-tip-radius: 4px;\n// $joyride-tip-position-offset: 22px;\n\n// Here, we're setting the tip font styles\n// $joyride-tip-font-color: $white;\n// $joyride-tip-font-size: rem-calc(14);\n// $joyride-tip-header-weight: $font-weight-bold;\n\n// This changes the nub size\n// $joyride-tip-nub-size: 10px;\n\n// This adjusts the styles for the timer when its enabled\n// $joyride-tip-timer-width: 50px;\n// $joyride-tip-timer-height: 3px;\n// $joyride-tip-timer-color: $steel;\n\n// This changes up the styles for the close button\n// $joyride-tip-close-color: $monsoon;\n// $joyride-tip-close-size: 24px;\n// $joyride-tip-close-weight: $font-weight-normal;\n\n// When Joyride is filling the screen, we use this style for the bg\n// $joyride-screenfill: rgba(0,0,0,0.5);\n\n// 15. Keystrokes\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-keystroke-classes: $include-html-classes;\n\n// We use these to control text styles.\n// $keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace;\n// $keystroke-font-size: inherit;\n// $keystroke-font-color: $jet;\n// $keystroke-font-color-alt: $white;\n// $keystroke-function-factor: -7%;\n\n// We use this to control keystroke padding.\n// $keystroke-padding: rem-calc(2 4 0);\n\n// We use these to control background and border styles.\n// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);\n// $keystroke-border-style: solid;\n// $keystroke-border-width: 1px;\n// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);\n// $keystroke-radius: $global-radius;\n\n// 16. Labels\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-label-classes: $include-html-classes;\n\n// We use these to style the labels\n// $label-padding: rem-calc(4 8 4);\n// $label-radius: $global-radius;\n\n// We use these to style the label text\n// $label-font-sizing: rem-calc(11);\n// $label-font-weight: $font-weight-normal;\n// $label-font-color: $oil;\n// $label-font-color-alt: $white;\n// $label-font-family: $body-font-family;\n\n// 17. Magellan\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-magellan-classes: $include-html-classes;\n\n// $magellan-bg: $white;\n// $magellan-padding: 0 !important;\n\n// 18. Off-canvas\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-off-canvas-classes: $include-html-classes;\n\n// $tabbar-bg: $oil;\n// $tabbar-height: rem-calc(45);\n// $tabbar-icon-width: $tabbar-height;\n// $tabbar-line-height: $tabbar-height;\n// $tabbar-color: $white;\n// $tabbar-middle-padding: 0 rem-calc(10);\n\n// Off Canvas Divider Styles\n// $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%);\n// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);\n\n// Off Canvas Tab Bar Headers\n// $tabbar-header-color: $white;\n// $tabbar-header-weight: $font-weight-bold;\n// $tabbar-header-line-height: $tabbar-height;\n// $tabbar-header-margin: 0;\n\n// Off Canvas Menu Variables\n// $off-canvas-width: rem-calc(250);\n// $off-canvas-bg: $oil;\n// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);\n\n// Off Canvas Menu List Variables\n// $off-canvas-label-padding: 0.3rem rem-calc(15);\n// $off-canvas-label-color: $aluminum;\n// $off-canvas-label-text-transform: uppercase;\n// $off-canvas-label-font-size: rem-calc(12);\n// $off-canvas-label-font-weight: $font-weight-bold;\n// $off-canvas-label-bg: $tuatara;\n// $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%);\n// $off-canvas-label-border-bottom: none;\n// $off-canvas-label-margin:0;\n// $off-canvas-link-padding: rem-calc(10, 15);\n// $off-canvas-link-color: rgba($white, 0.7);\n// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);\n// $off-canvas-back-bg: $tuatara;\n// $off-canvas-back-border-top: $off-canvas-label-border-top;\n// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;\n// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);\n// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);\n// $off-canvas-back-hover-border-bottom: none;\n\n// Off Canvas Menu Icon Variables\n// $tabbar-menu-icon-color: $white;\n// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);\n\n// $tabbar-menu-icon-text-indent: rem-calc(35);\n// $tabbar-menu-icon-width: $tabbar-height;\n// $tabbar-menu-icon-height: $tabbar-height;\n// $tabbar-menu-icon-padding: 0;\n\n// $tabbar-hamburger-icon-width: rem-calc(16);\n// $tabbar-hamburger-icon-left: false;\n// $tabbar-hamburger-icon-top: false;\n// $tabbar-hamburger-icon-thickness: 1px;\n// $tabbar-hamburger-icon-gap: 6px;\n\n// Off Canvas Back-Link Overlay\n// $off-canvas-overlay-transition: background 300ms ease;\n// $off-canvas-overlay-cursor: pointer;\n// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);\n// $off-canvas-overlay-background: rgba($white, 0.2);\n// $off-canvas-overlay-background-hover: rgba($white, 0.05);\n\n// Transition Variables\n// $menu-slide: \"transform 500ms ease\";\n\n// 19. Orbit\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-orbit-classes: $include-html-classes;\n\n// We use these to control the caption styles\n// $orbit-container-bg: none;\n// $orbit-caption-bg: rgba(51,51,51, 0.8);\n// $orbit-caption-font-color: $white;\n// $orbit-caption-font-size: rem-calc(14);\n// $orbit-caption-position: \"bottom\"; // Supported values: \"bottom\", \"under\"\n// $orbit-caption-padding: rem-calc(10 14);\n// $orbit-caption-height: auto;\n\n// We use these to control the left/right nav styles\n// $orbit-nav-bg: transparent;\n// $orbit-nav-bg-hover: rgba(0,0,0,0.3);\n// $orbit-nav-arrow-color: $white;\n// $orbit-nav-arrow-color-hover: $white;\n\n// We use these to control the timer styles\n// $orbit-timer-bg: rgba(255,255,255,0.3);\n// $orbit-timer-show-progress-bar: true;\n\n// We use these to control the bullet nav styles\n// $orbit-bullet-nav-color: $iron;\n// $orbit-bullet-nav-color-active: $aluminum;\n// $orbit-bullet-radius: rem-calc(9);\n\n// We use these to controls the style of slide numbers\n// $orbit-slide-number-bg: rgba(0,0,0,0);\n// $orbit-slide-number-font-color: $white;\n// $orbit-slide-number-padding: rem-calc(5);\n\n// Hide controls on small\n// $orbit-nav-hide-for-small: true;\n// $orbit-bullet-hide-for-small: true;\n// $orbit-timer-hide-for-small: true;\n\n// Graceful Loading Wrapper and preloader\n// $wrapper-class: \"slideshow-wrapper\";\n// $preloader-class: \"preloader\";\n\n// 20. Pagination\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-pagination-classes: $include-html-classes;\n\n// We use these to control the pagination container\n// $pagination-height: rem-calc(24);\n// $pagination-margin: rem-calc(-5);\n\n// We use these to set the list-item properties\n// $pagination-li-float: $default-float;\n// $pagination-li-height: rem-calc(24);\n// $pagination-li-font-color: $jet;\n// $pagination-li-font-size: rem-calc(14);\n// $pagination-li-margin: rem-calc(5);\n\n// We use these for the pagination anchor links\n// $pagination-link-pad: rem-calc(1 10 1);\n// $pagination-link-font-color: $aluminum;\n// $pagination-link-active-bg: scale-color($white, $lightness: -10%);\n\n// We use these for disabled anchor links\n// $pagination-link-unavailable-cursor: default;\n// $pagination-link-unavailable-font-color: $aluminum;\n// $pagination-link-unavailable-bg-active: transparent;\n\n// We use these for currently selected anchor links\n// $pagination-link-current-background: $primary-color;\n// $pagination-link-current-font-color: $white;\n// $pagination-link-current-font-weight: $font-weight-bold;\n// $pagination-link-current-cursor: default;\n// $pagination-link-current-active-bg: $primary-color;\n\n// 21. Panels\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-panel-classes: $include-html-classes;\n\n// We use these to control the background and border styles\n$panel-bg: $grey-1;\n// $panel-border-style: solid;\n// $panel-border-size: 1px;\n\n// We use this % to control how much we darken things on hover\n// $panel-function-factor: -11%;\n// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);\n\n// We use these to set default inner padding and bottom margin\n// $panel-margin-bottom: rem-calc(20);\n// $panel-padding: rem-calc(20);\n\n// We use these to set default font colors\n// $panel-font-color: $oil;\n// $panel-font-color-alt: $white;\n\n// $panel-header-adjust: true;\n// $callout-panel-link-color: $primary-color;\n\n// 22. Pricing Tables\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-pricing-classes: $include-html-classes;\n\n// We use this to control the border color\n// $price-table-border: solid 1px $gainsboro;\n\n// We use this to control the bottom margin of the pricing table\n// $price-table-margin-bottom: rem-calc(20);\n\n// We use these to control the title styles\n// $price-title-bg: $oil;\n// $price-title-padding: rem-calc(15 20);\n// $price-title-align: center;\n// $price-title-color: $smoke;\n// $price-title-weight: $font-weight-normal;\n// $price-title-size: rem-calc(16);\n// $price-title-font-family: $body-font-family;\n\n// We use these to control the price styles\n// $price-money-bg: $vapor ;\n// $price-money-padding: rem-calc(15 20);\n// $price-money-align: center;\n// $price-money-color: $oil;\n// $price-money-weight: $font-weight-normal;\n// $price-money-size: rem-calc(32);\n// $price-money-font-family: $body-font-family;\n\n// We use these to control the description styles\n// $price-bg: $white;\n// $price-desc-color: $monsoon;\n// $price-desc-padding: rem-calc(15);\n// $price-desc-align: center;\n// $price-desc-font-size: rem-calc(12);\n// $price-desc-weight: $font-weight-normal;\n// $price-desc-line-height: 1.4;\n// $price-desc-bottom-border: dotted 1px $gainsboro;\n\n// We use these to control the list item styles\n// $price-item-color: $oil;\n// $price-item-padding: rem-calc(15);\n// $price-item-align: center;\n// $price-item-font-size: rem-calc(14);\n// $price-item-weight: $font-weight-normal;\n// $price-item-bottom-border: dotted 1px $gainsboro;\n\n// We use these to control the CTA area styles\n// $price-cta-bg: $white;\n// $price-cta-align: center;\n// $price-cta-padding: rem-calc(20 20 0);\n\n// 23. Progress Bar\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-media-classes: $include-html-classes;\n\n// We use this to set the progress bar height\n// $progress-bar-height: rem-calc(25);\n// $progress-bar-color: $vapor ;\n\n// We use these to control the border styles\n// $progress-bar-border-color: scale-color($white, $lightness: 20%);\n// $progress-bar-border-size: 1px;\n// $progress-bar-border-style: solid;\n// $progress-bar-border-radius: $global-radius;\n\n// We use these to control the margin & padding\n// $progress-bar-pad: rem-calc(2);\n// $progress-bar-margin-bottom: rem-calc(10);\n\n// We use these to set the meter colors\n// $progress-meter-color: $primary-color;\n// $progress-meter-secondary-color: $secondary-color;\n// $progress-meter-success-color: $success-color;\n// $progress-meter-alert-color: $alert-color;\n\n// 24. Range Slider\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-range-slider-classes: $include-html-classes;\n\n// These variables define the slider bar styles\n// $range-slider-bar-width: 100%;\n// $range-slider-bar-height: rem-calc(16);\n\n// $range-slider-bar-border-width: 1px;\n// $range-slider-bar-border-style: solid;\n// $range-slider-bar-border-color: $gainsboro;\n// $range-slider-radius: $global-radius;\n// $range-slider-round: $global-rounded;\n// $range-slider-bar-bg-color: $ghost;\n\n// Vertical bar styles\n// $range-slider-vertical-bar-width: rem-calc(16);\n// $range-slider-vertical-bar-height: rem-calc(200);\n\n// These variables define the slider handle styles\n// $range-slider-handle-width: rem-calc(32);\n// $range-slider-handle-height: rem-calc(22);\n// $range-slider-handle-position-top: rem-calc(-5);\n// $range-slider-handle-bg-color: $primary-color;\n// $range-slider-handle-border-width: 1px;\n// $range-slider-handle-border-style: solid;\n// $range-slider-handle-border-color: none;\n// $range-slider-handle-radius: $global-radius;\n// $range-slider-handle-round: $global-rounded;\n// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);\n// $range-slider-handle-cursor: pointer;\n\n// 25. Reveal\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-reveal-classes: $include-html-classes;\n\n// We use these to control the style of the reveal overlay.\n// $reveal-overlay-bg: rgba($black, .45);\n// $reveal-overlay-bg-old: $black;\n\n// We use these to control the style of the modal itself.\n// $reveal-modal-bg: $white;\n// $reveal-position-top: rem-calc(100);\n// $reveal-default-width: 80%;\n// $reveal-max-width: $row-width;\n// $reveal-modal-padding: rem-calc(20);\n// $reveal-box-shadow: 0 0 10px rgba($black,.4);\n\n// We use these to style the reveal close button\n// $reveal-close-font-size: rem-calc(40);\n// $reveal-close-top: rem-calc(8);\n// $reveal-close-side: rem-calc(11);\n// $reveal-close-color: $base;\n// $reveal-close-weight: $font-weight-bold;\n\n// We use this to set the default radius used throughout the core.\n// $reveal-radius: $global-radius;\n// $reveal-round: $global-rounded;\n\n// We use these to control the modal border\n// $reveal-border-style: solid;\n// $reveal-border-width: 1px;\n// $reveal-border-color: $steel;\n\n// $reveal-modal-class: \"reveal-modal\";\n// $close-reveal-modal-class: \"close-reveal-modal\";\n\n// 26. Side Nav\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-nav-classes: $include-html-classes;\n\n// We use this to control padding.\n$side-nav-padding: rem-calc(0 0 0 0);\n\n// We use these to control list styles.\n// $side-nav-list-type: none;\n// $side-nav-list-position: inside;\n$side-nav-list-margin: rem-calc(0 0 0 0);\n\n// We use these to control link styles.\n$side-nav-link-color: $primary-color;\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: -40%);\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: -40%);\n$side-nav-font-size: rem-calc(16);\n\n// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);\n// $side-nav-link-margin: 0;\n// $side-nav-link-padding: rem-calc(7 14);\n// $side-nav-font-size: rem-calc(14);\n// $side-nav-font-weight: $font-weight-normal;\n// $side-nav-font-weight-active: $side-nav-font-weight;\n// $side-nav-font-family: $body-font-family;\n// $side-nav-font-family-active: $side-nav-font-family;\n\n// We use these to control heading styles.\n// $side-nav-heading-color: $side-nav-link-color;\n// $side-nav-heading-font-size: $side-nav-font-size;\n// $side-nav-heading-font-weight: bold;\n// $side-nav-heading-text-transform: uppercase;\n\n// We use these to control border styles\n$side-nav-divider-size: 1px;\n$side-nav-divider-style: solid;\n$side-nav-divider-color: $grey-1;\n\n\n\n// 27. Split Buttons\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// We use these to control different shared styles for Split Buttons\n// $split-button-function-factor: 10%;\n// $split-button-pip-color: $white;\n// $split-button-pip-color-alt: $oil;\n// $split-button-active-bg-tint: rgba(0,0,0,0.1);\n\n// We use these to control tiny split buttons\n// $split-button-padding-tny: $button-pip-tny * 10;\n// $split-button-span-width-tny: $button-pip-tny * 6;\n// $split-button-pip-size-tny: $button-pip-tny;\n// $split-button-pip-top-tny: $button-pip-tny * 2;\n// $split-button-pip-default-float-tny: rem-calc(-6);\n\n// We use these to control small split buttons\n// $split-button-padding-sml: $button-pip-sml * 10;\n// $split-button-span-width-sml: $button-pip-sml * 6;\n// $split-button-pip-size-sml: $button-pip-sml;\n// $split-button-pip-top-sml: $button-pip-sml * 1.5;\n// $split-button-pip-default-float-sml: rem-calc(-6);\n\n// We use these to control medium split buttons\n// $split-button-padding-med: $button-pip-med * 9;\n// $split-button-span-width-med: $button-pip-med * 5.5;\n// $split-button-pip-size-med: $button-pip-med - rem-calc(3);\n// $split-button-pip-top-med: $button-pip-med * 1.5;\n// $split-button-pip-default-float-med: rem-calc(-6);\n\n// We use these to control large split buttons\n// $split-button-padding-lrg: $button-pip-lrg * 8;\n// $split-button-span-width-lrg: $button-pip-lrg * 5;\n// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\n// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);\n// $split-button-pip-default-float-lrg: rem-calc(-6);\n\n// 28. Sub Nav\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-nav-classes: $include-html-classes;\n\n// We use these to control margin and padding\n// $sub-nav-list-margin: rem-calc(-4 0 18);\n// $sub-nav-list-padding-top: rem-calc(4);\n\n// We use this to control the definition\n// $sub-nav-font-family: $body-font-family;\n// $sub-nav-font-size: rem-calc(14);\n// $sub-nav-font-color: $aluminum;\n// $sub-nav-font-weight: $font-weight-normal;\n// $sub-nav-text-decoration: none;\n// $sub-nav-padding: rem-calc(3 16);\n// $sub-nav-border-radius: 3px;\n// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);\n\n// We use these to control the active item styles\n// $sub-nav-active-font-weight: $font-weight-normal;\n// $sub-nav-active-bg: $primary-color;\n// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);\n// $sub-nav-active-color: $white;\n// $sub-nav-active-padding: $sub-nav-padding;\n// $sub-nav-active-cursor: default;\n\n// $sub-nav-item-divider: \"\";\n// $sub-nav-item-divider-margin: rem-calc(12);\n\n// 29. Switch\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-form-classes: $include-html-classes;\n\n// Controlling border styles and background colors for the switch container\n// $switch-border-color: scale-color($white, $lightness: -20%);\n// $switch-border-style: solid;\n// $switch-border-width: 1px;\n// $switch-bg: $white;\n\n// We use these to control the switch heights for our default classes\n// $switch-height-tny: rem-calc(22);\n// $switch-height-sml: rem-calc(28);\n// $switch-height-med: rem-calc(36);\n// $switch-height-lrg: rem-calc(44);\n// $switch-bottom-margin: rem-calc(20);\n\n// We use these to control default font sizes for our classes.\n// $switch-font-size-tny: 11px;\n// $switch-font-size-sml: 12px;\n// $switch-font-size-med: 14px;\n// $switch-font-size-lrg: 17px;\n// $switch-label-side-padding: 6px;\n\n// We use these to style the switch-paddle\n// $switch-paddle-bg: $white;\n// $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%);\n// $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%);\n// $switch-paddle-border-width: 1px;\n// $switch-paddle-border-style: solid;\n// $switch-paddle-transition-speed: .1s;\n// $switch-paddle-transition-ease: ease-out;\n// $switch-positive-color: scale-color($success-color, $lightness: 94%);\n// $switch-negative-color: $white-smoke;\n\n// Outline Style for tabbing through switches\n// $switch-label-outline: 1px dotted $jumbo;\n\n// 30. Tables\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-table-classes: $include-html-classes;\n\n// These control the background color for the table and even rows\n// $table-bg: $white;\n$table-even-row-bg: $grey-1;\n\n// These control the table cell border style\n// $table-border-style: solid;\n// $table-border-size: 1px;\n// $table-border-color: $gainsboro;\n\n// These control the table head styles\n$table-head-bg: $grey-2;\n// $table-head-font-size: rem-calc(14);\n// $table-head-font-color: $jet;\n// $table-head-font-weight: $font-weight-bold;\n// $table-head-padding: rem-calc(8 10 10);\n\n// These control the row padding and font styles\n// $table-row-padding: rem-calc(9 10);\n// $table-row-font-size: rem-calc(14);\n// $table-row-font-color: $jet;\n// $table-line-height: rem-calc(18);\n\n// These are for controlling the layout, display and margin of tables\n// $table-layout: auto;\n// $table-display: table-cell;\n// $table-margin-bottom: rem-calc(20);\n\n// 31. Tabs\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-tabs-classes: $include-html-classes;\n\n// $tabs-navigation-padding: rem-calc(16);\n// $tabs-navigation-bg-color: $silver ;\n// $tabs-navigation-active-bg-color: $white;\n// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);\n// $tabs-navigation-font-color: $jet;\n// $tabs-navigation-active-font-color: $tabs-navigation-font-color;\n// $tabs-navigation-font-size: rem-calc(16);\n// $tabs-navigation-font-family: $body-font-family;\n\n// $tabs-content-margin-bottom: rem-calc(24);\n// $tabs-content-padding: $column-gutter/2;\n\n// $tabs-vertical-navigation-margin-bottom: 1.25rem;\n\n// 32. Thumbnails\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-media-classes: $include-html-classes;\n\n// We use these to control border styles\n// $thumb-border-style: solid;\n// $thumb-border-width: 4px;\n// $thumb-border-color: $white;\n// $thumb-box-shadow: 0 0 0 1px rgba($black,.2);\n// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);\n\n// Radius and transition speed for thumbs\n// $thumb-radius: $global-radius;\n// $thumb-transition-speed: 200ms;\n\n// 33. Tooltips\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-tooltip-classes: $include-html-classes;\n\n// $has-tip-border-bottom: dotted 1px $iron;\n// $has-tip-font-weight: $font-weight-bold;\n// $has-tip-font-color: $oil;\n// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);\n// $has-tip-font-color-hover: $primary-color;\n// $has-tip-cursor-type: help;\n\n// $tooltip-padding: rem-calc(12);\n// $tooltip-bg: $oil;\n// $tooltip-font-size: rem-calc(14);\n// $tooltip-font-weight: $font-weight-normal;\n// $tooltip-font-color: $white;\n// $tooltip-line-height: 1.3;\n// $tooltip-close-font-size: rem-calc(10);\n// $tooltip-close-font-weight: $font-weight-normal;\n// $tooltip-close-font-color: $monsoon;\n// $tooltip-font-size-sml: rem-calc(14);\n// $tooltip-radius: $global-radius;\n// $tooltip-rounded: $global-rounded;\n// $tooltip-pip-size: 5px;\n// $tooltip-max-width: 300px;\n\n// 34. Top Bar\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-top-bar-classes: $include-html-classes;\n\n// Height and margin\n$topbar-height: rem-calc(50);\n// $topbar-margin-bottom: 0;\n\n// Controlling the styles for the title in the top bar\n$topbar-title-weight: $font-weight-bold;\n$topbar-title-font-size: rem-calc(19);\n\n// Style the top bar dropdown elements\n// $topbar-dropdown-bg: $oil;\n// $topbar-dropdown-link-color: $white;\n// $topbar-dropdown-link-bg: $ci-2;\n// $topbar-dropdown-link-weight: $font-weight-normal;\n// $topbar-dropdown-toggle-size: 5px;\n// $topbar-dropdown-toggle-color: $ci-2;\n// $topbar-dropdown-toggle-alpha: 0.4;\n\n// Set the link colors and styles for top-level nav\n// $topbar-link-color: #000;\n// $topbar-link-color-hover: #000;\n// $topbar-link-color-active: #000;\n// $topbar-link-color-active-hover: #000;\n// $topbar-link-weight: $font-weight-normal;\n$topbar-link-font-size: rem-calc(15);\n// $topbar-link-hover-lightness: -10%; // Darken by 10%\n// $topbar-link-bg: $topbar-bg;\n// $topbar-link-bg-color-hover: #ff0;\n// $topbar-link-bg-hover: #f00;\n// $topbar-link-bg-active: $primary-color;\n// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);\n// $topbar-link-font-family: $body-font-family;\n$topbar-link-text-transform: uppercase;\n// $topbar-link-padding: $topbar-height / 3;\n// $topbar-back-link-size: $h5-font-size;\n// $topbar-link-dropdown-padding: 20px;\n\n// $topbar-button-font-size: 0.75rem;\n// $topbar-button-top: 7px;\n\n// $topbar-dropdown-label-color: #f77;\n// $topbar-dropdown-label-text-transform: uppercase;\n// $topbar-dropdown-label-font-weight: $font-weight-bold;\n// $topbar-dropdown-label-font-size: rem-calc(10);\n// $topbar-dropdown-label-bg: $oil;\n\n// Top menu icon styles\n$topbar-menu-link-transform: uppercase;\n// $topbar-menu-link-font-size: rem-calc(13);\n// $topbar-menu-link-weight: $font-weight-bold;\n// $topbar-menu-link-color: $white;\n// $topbar-menu-icon-color: $white;\n// $topbar-menu-link-color-toggled: $ci-6;\n// $topbar-menu-icon-color-toggled: $ci-6;\n\n// Transitions and breakpoint styles\n// $topbar-transition-speed: 300ms;\n// Using rem-calc for the below breakpoint causes issues with top bar\n$topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout\n$topbar-media-query: \"only screen and (min-width: #{$topbar-breakpoint})\" !default;\n\n// Divider Styles\n$topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%);\n$topbar-divider-border-top: solid 0px scale-color($topbar-bg-color, $lightness: -50%);\n\n// Sticky Class\n// $topbar-sticky-class: \".sticky\";\n// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item\n\n// 36. Visibility Classes\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-visibility-classes: $include-html-classes;\n// $include-table-visibility-classes: true;\n// $include-legacy-visibility-classes: true;\n// $include-accessibility-classes: true;\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"buttons\";\n\n//\n// @variables\n//\n$include-html-form-classes: $include-html-classes !default;\n\n// We use this to set the base for lots of form spacing and positioning styles\n$form-spacing: rem-calc(16) !default;\n\n// We use these to style the labels in different ways\n$form-label-pointer: pointer !default;\n$form-label-font-size: rem-calc(14) !default;\n$form-label-font-weight: $font-weight-normal !default;\n$form-label-line-height: 1.5 !default;\n$form-label-font-color: scale-color($black, $lightness: 30%) !default;\n$form-label-small-transform: capitalize !default;\n$form-label-bottom-margin: 0 !default;\n$input-font-family: inherit !default;\n$input-font-color: rgba(0, 0, 0, 0.75) !default;\n$input-font-size: rem-calc(14) !default;\n$input-bg-color: $white !default;\n$input-focus-bg-color: scale-color($white, $lightness: -2%) !default;\n$input-border-color: scale-color($white, $lightness: -20%) !default;\n$input-focus-border-color: scale-color($white, $lightness: -40%) !default;\n$input-border-style: solid !default;\n$input-border-width: 1px !default;\n$input-border-radius: $global-radius !default;\n$input-disabled-bg: $gainsboro !default;\n$input-disabled-cursor: $cursor-default-value !default;\n$input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !default;\n$input-include-glowing-effect: true !default;\n\n// We use these to style the fieldset border and spacing.\n$fieldset-border-style: solid !default;\n$fieldset-border-width: 1px !default;\n$fieldset-border-color: $gainsboro !default;\n$fieldset-padding: rem-calc(20) !default;\n$fieldset-margin: rem-calc(18 0) !default;\n\n// We use these to style the legends when you use them\n$legend-bg: $white !default;\n$legend-font-weight: $font-weight-bold !default;\n$legend-padding: rem-calc(0 3) !default;\n\n// We use these to style the prefix and postfix input elements\n$input-prefix-bg: scale-color($white, $lightness: -5%) !default;\n$input-prefix-border-color: scale-color($white, $lightness: -20%) !default;\n$input-prefix-border-size: 1px !default;\n$input-prefix-border-type: solid !default;\n$input-prefix-overflow: hidden !default;\n$input-prefix-font-color: $oil !default;\n$input-prefix-font-color-alt: $white !default;\n\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\n$input-number-spinners: true !default;\n\n// We use these to style the error states for inputs and labels\n$input-error-message-padding: rem-calc(6 9 9) !default;\n$input-error-message-top: -1px !default;\n$input-error-message-font-size: rem-calc(12) !default;\n$input-error-message-font-weight: $font-weight-normal !default;\n$input-error-message-font-style: italic !default;\n$input-error-message-font-color: $white !default;\n$input-error-message-bg-color: $alert-color !default;\n$input-error-message-font-color-alt: $oil !default;\n\n// We use this to style the glowing effect of inputs when focused\n$glowing-effect-fade-time: 0.45s !default;\n$glowing-effect-color: $input-focus-border-color !default;\n\n// Select variables\n$select-bg-color: $ghost !default;\n$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;\n\n//\n// @MIXINS\n//\n\n// We use this mixin to give us form styles for rows inside of forms\n@mixin form-row-base {\n .row {\n margin: 0 calc((-1 * $form-spacing) / 2);\n\n .column,\n .columns {\n padding: 0 calc($form-spacing / 2);\n }\n\n // Use this to collapse the margins of a form row\n &.collapse {\n margin: 0;\n\n .column,\n .columns {\n padding: 0;\n }\n\n input {\n @include side-radius($opposite-direction, 0);\n }\n\n }\n }\n\n input.column,\n input.columns,\n textarea.column,\n textarea.columns {\n padding-#{$default-float}: calc($form-spacing / 2);\n }\n}\n\n// @MIXIN\n//\n// We use this mixin to give all basic form elements their style\n@mixin form-element {\n background-color: $input-bg-color;\n font-family: $input-font-family;\n\n border: {\n style: $input-border-style;\n width: $input-border-width;\n color: $input-border-color;\n }\n\n box-shadow: $input-box-shadow;\n color: $input-font-color;\n display: block;\n font-size: $input-font-size;\n margin: 0 0 $form-spacing 0;\n padding: calc($form-spacing / 2);\n height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n width: 100%;\n @include box-sizing(border-box);\n\n @if $input-include-glowing-effect {\n @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color);\n }\n\n // Basic focus styles\n &:focus {\n background: $input-focus-bg-color;\n border-color: $input-focus-border-color;\n outline: none;\n }\n\n // Disabled Styles\n &:disabled {\n background-color: $input-disabled-bg;\n cursor: $input-disabled-cursor;\n }\n\n // Disabled background input background color\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n background-color: $input-disabled-bg;\n cursor: $input-disabled-cursor;\n }\n}\n\n// @MIXIN\n//\n// We use this mixin to create form labels\n//\n// $alignment - Alignment options. Default: false. Options: [right, inline, false]\n// $base-style - Control whether or not the base styles come through. Default: true.\n@mixin form-label($alignment: false, $base-style: true) {\n\n // Control whether or not the base styles come through.\n @if $base-style {\n font-size: $form-label-font-size;\n color: $form-label-font-color;\n cursor: $form-label-pointer;\n display: block;\n font-weight: $form-label-font-weight;\n line-height: $form-label-line-height;\n margin-bottom: $form-label-bottom-margin;\n }\n\n // Alignment options\n @if $alignment ==right {\n float: none !important;\n text-align: right;\n }\n\n @else if $alignment ==inline {\n margin: 0 0 $form-spacing 0;\n padding: calc($form-spacing / 2) + rem-calc($input-border-width) 0;\n }\n}\n\n// We use this mixin to create postfix/prefix form Labels\n@mixin prefix-postfix-base {\n display: block;\n position: relative;\n z-index: 2;\n text-align: center;\n width: 100%;\n padding-top: 0;\n padding-bottom: 0;\n border-style: $input-prefix-border-type;\n border-width: $input-prefix-border-size;\n overflow: $input-prefix-overflow;\n font-size: $form-label-font-size;\n height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n}\n\n// @MIXIN\n//\n// We use this mixin to create prefix label styles\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\n// $is-button - Toggle position settings if prefix is a button. Default:false\n//\n@mixin prefix($bg: $input-prefix-bg, $border: $input-prefix-border-color, $is-button: false) {\n\n @if $bg {\n $bg-lightness: lightness($bg);\n background: $bg;\n border-#{$opposite-direction}: none;\n\n // Control the font color based on background brightness\n @if $bg-lightness >70% or $bg ==yellow {\n color: $input-prefix-font-color;\n }\n\n @else {\n color: $input-prefix-font-color-alt;\n }\n }\n\n @if $border {\n border-color: $border;\n }\n\n @if $is-button {\n padding-#{$default-float}: 0;\n padding-#{$opposite-direction}: 0;\n padding-top: 0;\n padding-bottom: 0;\n text-align: center;\n border: none;\n }\n\n}\n\n// @MIXIN\n//\n// We use this mixin to create postfix label styles\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\n// $is-button - Toggle position settings if prefix is a button. Default: false\n@mixin postfix($bg: $input-prefix-bg, $border: $input-prefix-border-color, $is-button: false) {\n\n @if $bg {\n $bg-lightness: lightness($bg);\n background: $bg;\n border-#{$default-float}: none;\n\n // Control the font color based on background brightness\n @if $bg-lightness >70% or $bg ==yellow {\n color: $input-prefix-font-color;\n }\n\n @else {\n color: $input-prefix-font-color-alt;\n }\n }\n\n @if $border {\n border-color: $border;\n }\n\n @if $is-button {\n padding-#{$default-float}: 0;\n padding-#{$opposite-direction}: 0;\n padding-top: 0;\n padding-bottom: 0;\n text-align: center;\n border: none;\n }\n\n}\n\n// We use this mixin to style fieldsets\n@mixin fieldset {\n border: $fieldset-border-width $fieldset-border-style $fieldset-border-color;\n padding: $fieldset-padding;\n margin: $fieldset-margin;\n\n // and legend styles\n legend {\n font-weight: $legend-font-weight;\n background: $legend-bg;\n padding: $legend-padding;\n margin: 0;\n margin-#{$default-float}: rem-calc(-3);\n }\n}\n\n// @MIXIN\n//\n// We use this mixin to control border and background color of error inputs\n// $color - Default: $alert-color (found in settings file)\n@mixin form-error-color($color: $alert-color) {\n border-color: $color;\n background-color: rgba($color, 0.1);\n\n // Go back to normal on focus\n &:focus {\n background: $input-focus-bg-color;\n border-color: $input-focus-border-color;\n }\n}\n\n// @MIXIN\n//\n// We use this simple mixin to style labels for error inputs\n// $color - Default:$alert-color. Found in settings file\n@mixin form-label-error-color($color: $alert-color) {\n color: $color;\n}\n\n// @MIXIN\n//\n// We use this mixin to create error message styles\n// $bg - Default: $alert-color (Found in settings file)\n@mixin form-error-message($bg: $input-error-message-bg-color) {\n display: block;\n padding: $input-error-message-padding;\n margin-top: $input-error-message-top;\n margin-bottom: $form-spacing;\n font-size: $input-error-message-font-size;\n font-weight: $input-error-message-font-weight;\n font-style: $input-error-message-font-style;\n\n // We can control the text color based on the brightness of the background.\n $bg-lightness: lightness($bg);\n background: $bg;\n\n @if $bg-lightness < 70% or $bg ==yellow {\n color: $input-error-message-font-color;\n }\n\n @else {\n color: $input-error-message-font-color-alt;\n }\n}\n\n// We use this mixin to style select elements\n@mixin form-select {\n -webkit-appearance: none !important;\n border-radius: 0;\n background-color: $select-bg-color;\n\n // Hide the dropdown arrow shown in newer IE versions\n &::-ms-expand {\n display: none;\n }\n\n // The custom arrow has some fake horizontal padding so we can align it\n // from the right side of the element without relying on CSS3\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);\n\n // We can safely use leftmost and rightmost now\n background-position: if($text-direction =='rtl', 0%, 100%) center;\n\n background-repeat: no-repeat;\n\n border: {\n style: $input-border-style;\n width: $input-border-width;\n color: $input-border-color;\n }\n\n padding: calc($form-spacing / 2);\n font-size: $input-font-size;\n font-family: $body-font-family;\n color: $input-font-color;\n line-height: normal;\n @include radius(0);\n\n &.radius {\n @include radius($global-radius);\n }\n\n &:hover {\n background-color: $select-hover-bg-color;\n border-color: $input-focus-border-color;\n }\n\n // Disabled Styles\n &:disabled {\n background-color: $input-disabled-bg;\n cursor: $input-disabled-cursor;\n }\n}\n\n// We use this mixin to turn on/off HTML5 number spinners\n@mixin html5number($browser, $on: true) {\n @if $on==false {\n @if $browser==webkit {\n -webkit-appearance: none;\n margin: 0;\n }\n\n @else if $browser==moz {\n -moz-appearance: textfield;\n }\n }\n}\n\n@include exports(\"form\") {\n @if $include-html-form-classes {\n\n /* Standard Forms */\n form {\n margin: 0 0 $form-spacing;\n }\n\n /* Using forms within rows, we need to set some defaults */\n form .row {\n @include form-row-base;\n }\n\n /* Label Styles */\n label {\n @include form-label;\n\n &.right {\n @include form-label(right, false);\n }\n\n &.inline {\n @include form-label(inline, false);\n }\n\n /* Styles for required inputs */\n small {\n text-transform: $form-label-small-transform;\n color: scale-color($form-label-font-color, $lightness: 15%);\n }\n }\n\n /* Attach elements to the beginning or end of an input */\n .prefix,\n .postfix {\n @include prefix-postfix-base;\n }\n\n /* Adjust padding, alignment and radius if pre/post element is a button */\n .postfix.button {\n @include button-size(false, false);\n @include postfix(false, false, true);\n }\n\n .prefix.button {\n @include button-size(false, false);\n @include prefix(false, false, true);\n }\n\n .prefix.button.radius {\n @include radius(0);\n @include side-radius($default-float, $button-radius);\n }\n\n .postfix.button.radius {\n @include radius(0);\n @include side-radius($opposite-direction, $button-radius);\n }\n\n .prefix.button.round {\n @include radius(0);\n @include side-radius($default-float, $button-round);\n }\n\n .postfix.button.round {\n @include radius(0);\n @include side-radius($opposite-direction, $button-round);\n }\n\n /* Separate prefix and postfix styles when on span or label so buttons keep their own */\n span.prefix,\n label.prefix {\n @include prefix();\n }\n\n span.postfix,\n label.postfix {\n @include postfix();\n }\n\n /* We use this to get basic styling on all basic form elements */\n #{text-inputs(all, 'input')} {\n -webkit-appearance: none;\n border-radius: 0;\n @include form-element;\n\n @if $input-include-glowing-effect ==false {\n @include single-transition(all, 0.15s, linear);\n }\n\n &.radius {\n @include radius($input-border-radius);\n }\n }\n\n form {\n .row {\n .prefix-radius.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($opposite-direction, $button-radius);\n }\n\n .prefix {\n @include radius(0);\n @include side-radius($default-float, $button-radius);\n }\n }\n\n .postfix-radius.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($default-float, $button-radius);\n }\n\n .postfix {\n @include radius(0);\n @include side-radius($opposite-direction, $button-radius);\n }\n }\n\n .prefix-round.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($opposite-direction, $button-round);\n }\n\n .prefix {\n @include radius(0);\n @include side-radius($default-float, $button-round);\n }\n }\n\n .postfix-round.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($default-float, $button-round);\n }\n\n .postfix {\n @include radius(0);\n @include side-radius($opposite-direction, $button-round);\n }\n }\n }\n }\n\n input[type=\"submit\"] {\n -webkit-appearance: none;\n border-radius: 0;\n }\n\n /* Respect enforced amount of rows for textarea */\n textarea[rows] {\n height: auto;\n }\n\n /* Not allow resize out of parent */\n textarea {\n max-width: 100%;\n }\n\n /* Add height value for select elements to match text input height */\n select {\n @include form-select;\n height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n }\n\n /* Adjust margin for form elements below */\n input[type=\"file\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n select {\n margin: 0 0 $form-spacing 0;\n }\n\n input[type=\"checkbox\"]+label,\n input[type=\"radio\"]+label {\n display: inline-block;\n margin-#{$default-float}: $form-spacing * .5;\n margin-#{$opposite-direction}: $form-spacing;\n margin-bottom: 0;\n vertical-align: baseline;\n }\n\n /* Normalize file input width */\n input[type=\"file\"] {\n width: 100%;\n }\n\n /* HTML5 Number spinners settings */\n input[type=number] {\n @include html5number(moz, $input-number-spinners)\n }\n\n input[type=\"number\"]::-webkit-inner-spin-button,\n input[type=\"number\"]::-webkit-outer-spin-button {\n @include html5number(webkit, $input-number-spinners);\n }\n\n /* We add basic fieldset styling */\n fieldset {\n @include fieldset;\n }\n\n /* Error Handling */\n\n #{data('abide')} {\n\n .error small.error,\n .error span.error,\n span.error,\n small.error {\n @include form-error-message;\n }\n\n span.error,\n small.error {\n display: none;\n }\n }\n\n span.error,\n small.error {\n @include form-error-message;\n }\n\n .error {\n\n input,\n textarea,\n select {\n margin-bottom: 0;\n }\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n margin-bottom: $form-spacing\n }\n\n label,\n label.error {\n @include form-label-error-color;\n }\n\n small.error {\n @include form-error-message;\n }\n\n >label {\n >small {\n color: scale-color($form-label-font-color, $lightness: 15%);\n background: transparent;\n padding: 0;\n text-transform: $form-label-small-transform;\n font-style: normal;\n font-size: 60%;\n margin: 0;\n display: inline;\n }\n }\n\n span.error-message {\n display: block;\n }\n }\n\n input.error,\n textarea.error,\n select.error {\n margin-bottom: 0;\n }\n\n label.error {\n @include form-label-error-color;\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"grid\";\n@import \"buttons\";\n@import \"forms\";\n\n//\n// Top Bar Variables\n//\n$include-html-top-bar-classes: $include-html-classes !default;\n\n// Background color for the top bar\n$topbar-bg-color: $oil !default;\n$topbar-bg: $topbar-bg-color !default;\n\n// Height and margin\n$topbar-height: rem-calc(45) !default;\n$topbar-margin-bottom: 0 !default;\n\n// Controlling the styles for the title in the top bar\n$topbar-title-weight: $font-weight-normal !default;\n$topbar-title-font-size: rem-calc(17) !default;\n\n// Set the link colors and styles for top-level nav\n$topbar-link-color: $white !default;\n$topbar-link-color-hover: $white !default;\n$topbar-link-color-active: $white !default;\n$topbar-link-color-active-hover: $white !default;\n$topbar-link-weight: $font-weight-normal !default;\n$topbar-link-font-size: rem-calc(13) !default;\n$topbar-link-hover-lightness: -10% !default; // Darken by 10%\n$topbar-link-bg: $topbar-bg !default;\n$topbar-link-bg-hover: $oil !default;\n$topbar-link-bg-color-hover: $charcoal !default;\n$topbar-link-bg-active: $primary-color !default;\n$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;\n$topbar-link-font-family: $body-font-family !default;\n$topbar-link-text-transform: none !default;\n$topbar-link-padding: calc($topbar-height / 3) !default;\n$topbar-back-link-size: rem-calc(18) !default;\n$topbar-link-dropdown-padding: rem-calc(20) !default;\n$topbar-button-font-size: 0.75rem !default;\n$topbar-button-top: 7px !default;\n\n// Style the top bar dropdown elements\n$topbar-dropdown-bg: $oil !default;\n$topbar-dropdown-link-color: $white !default;\n$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default;\n$topbar-dropdown-link-bg: $oil !default;\n$topbar-dropdown-link-bg-hover: $oil !default;\n$topbar-dropdown-link-weight: $font-weight-normal !default;\n$topbar-dropdown-toggle-size: 5px !default;\n$topbar-dropdown-toggle-color: $white !default;\n$topbar-dropdown-toggle-alpha: 0.4 !default;\n\n$topbar-dropdown-label-color: $monsoon !default;\n$topbar-dropdown-label-text-transform: uppercase !default;\n$topbar-dropdown-label-font-weight: $font-weight-bold !default;\n$topbar-dropdown-label-font-size: rem-calc(10) !default;\n$topbar-dropdown-label-bg: $oil !default;\n\n// Top menu icon styles\n$topbar-menu-link-transform: uppercase !default;\n$topbar-menu-link-font-size: rem-calc(13) !default;\n$topbar-menu-link-weight: $font-weight-bold !default;\n$topbar-menu-link-color: $white !default;\n$topbar-menu-icon-color: $white !default;\n$topbar-menu-link-color-toggled: $jumbo !default;\n$topbar-menu-icon-color-toggled: $jumbo !default;\n\n// Transitions and breakpoint styles\n$topbar-transition-speed: 300ms !default;\n// Using rem-calc for the below breakpoint causes issues with top bar\n$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout\n$topbar-media-query: $medium-up !default;\n\n// Top-bar input styles\n$topbar-input-height: rem-calc(28) !default;\n\n// Divider Styles\n$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default;\n$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default;\n\n// Sticky Class\n$topbar-sticky-class: \".sticky\" !default;\n$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item\n$topbar-dropdown-arrows: true !default; //Set false to remove the \\00bb >> text from dropdown subnavigation li\n\n// Accessibility mixins for hiding and showing the menu dropdown items\n@mixin topbar-hide-dropdown {\n // Makes an element visually hidden by default, but visible when focused.\n display: block;\n @include element-invisible();\n}\n\n@mixin topbar-show-dropdown {\n display: block;\n @include element-invisible-off();\n position: absolute !important; // Reset the position from static to absolute\n}\n\n@include exports(\"top-bar\") {\n\n @if $include-html-top-bar-classes {\n\n // Used to provide media query values for javascript components.\n // This class is generated despite the value of $include-html-top-bar-classes\n // to ensure width calculations work correctly.\n meta.foundation-mq-topbar {\n font-family: \"/\" + unquote($topbar-media-query) + \"/\";\n width: $topbar-breakpoint;\n }\n\n /* Wrapped around .top-bar to contain to grid width */\n .contain-to-grid {\n width: 100%;\n background: $topbar-bg;\n\n .top-bar {\n margin-bottom: $topbar-margin-bottom;\n }\n }\n\n // Wrapped around .top-bar to make it stick to the top\n .fixed {\n width: 100%;\n #{$default-float}: 0;\n position: fixed;\n top: 0;\n z-index: 99;\n\n &.expanded:not(.top-bar) {\n overflow-y: auto;\n height: auto;\n width: 100%;\n max-height: 100%;\n\n .title-area {\n position: fixed;\n width: 100%;\n z-index: 99;\n }\n\n // Ensure you can scroll the menu on small screens\n .top-bar-section {\n z-index: 98;\n margin-top: $topbar-height;\n }\n }\n }\n\n .top-bar {\n overflow: hidden;\n height: $topbar-height;\n line-height: $topbar-height;\n position: relative;\n background: $topbar-bg;\n margin-bottom: $topbar-margin-bottom;\n\n // Topbar Global list Styles\n ul {\n margin-bottom: 0;\n list-style: none;\n }\n\n .row {\n max-width: none;\n }\n\n form,\n input {\n margin-bottom: 0;\n }\n\n input {\n height: $topbar-input-height;\n padding-top: .35rem;\n padding-bottom: .35rem;\n font-size: $topbar-button-font-size;\n }\n\n .button,\n button {\n padding-top: .35rem + rem-calc(1);\n padding-bottom: .35rem + rem-calc(1);\n margin-bottom: 0;\n font-size: $topbar-button-font-size;\n // position: relative;\n // top: -1px;\n\n // Corrects a slight misalignment when put next to an input field\n @media #{$small-only} {\n position: relative;\n top: -1px;\n }\n }\n\n // Title Area\n .title-area {\n position: relative;\n margin: 0;\n }\n\n .name {\n height: $topbar-height;\n margin: 0;\n font-size: $rem-base;\n\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n line-height: $topbar-height;\n font-size: $topbar-title-font-size;\n margin: 0;\n\n a {\n font-weight: $topbar-title-weight;\n color: $topbar-link-color;\n width: 75%;\n display: block;\n padding: 0 $topbar-link-padding;\n }\n }\n }\n\n // Menu toggle button on small devices\n .toggle-topbar {\n position: absolute;\n #{$opposite-direction}: 0;\n top: 0;\n\n a {\n color: $topbar-link-color;\n text-transform: $topbar-menu-link-transform;\n font-size: $topbar-menu-link-font-size;\n font-weight: $topbar-menu-link-weight;\n position: relative;\n display: block;\n padding: 0 $topbar-link-padding;\n height: $topbar-height;\n line-height: $topbar-height;\n }\n\n // Adding the class \"menu-icon\" will add the 3-line icon people love and adore.\n &.menu-icon {\n top: 50%;\n margin-top: -16px;\n\n a {\n @if $text-direction ==rtl {\n text-indent: -58px;\n }\n\n height: 34px;\n line-height: 33px;\n padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding;\n color: $topbar-menu-link-color;\n position: relative;\n\n & {\n // @include hamburger icon\n //\n // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n // $width - Width of hamburger icon\n // $left - If false, icon will be centered horizontally || explicitly set value in rem\n // $top - If false, icon will be centered vertically || explicitly set value in rem\n // $thickness - thickness of lines in hamburger icon, set value in px\n // $gap - spacing between the lines in hamburger icon, set value in px\n // $color - icon color\n // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled\n // $offcanvas - Set to false of @include in topbar\n @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, \"\", false);\n }\n }\n }\n }\n\n // Change things up when the top-bar is expanded\n &.expanded {\n height: auto;\n background: transparent;\n\n .title-area {\n background: $topbar-bg;\n }\n\n .toggle-topbar {\n a {\n color: $topbar-menu-link-color-toggled;\n\n span::after {\n // Shh, don't tell, but box-shadows create the menu icon :)\n // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above\n box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,\n 0 7px 0 1px $topbar-menu-icon-color-toggled,\n 0 14px 0 1px $topbar-menu-icon-color-toggled;\n }\n }\n }\n }\n }\n\n // Right and Left Navigation that stacked by default\n .top-bar-section {\n #{$default-float}: 0;\n position: relative;\n width: auto;\n @include single-transition($default-float, $topbar-transition-speed);\n\n ul {\n padding: 0;\n width: 100%;\n height: auto;\n display: block;\n font-size: $rem-base;\n margin: 0;\n }\n\n .divider,\n [role=\"separator\"] {\n border-top: $topbar-divider-border-top;\n clear: both;\n height: 1px;\n width: 100%;\n }\n\n ul li {\n background: $topbar-dropdown-bg;\n\n &>a {\n display: block;\n width: 100%;\n color: $topbar-link-color;\n padding: 12px 0 12px 0;\n padding-#{$default-float}: $topbar-link-padding;\n font-family: $topbar-link-font-family;\n font-size: $topbar-link-font-size;\n font-weight: $topbar-link-weight;\n text-transform: $topbar-link-text-transform;\n\n &.button {\n font-size: $topbar-link-font-size;\n padding-#{$opposite-direction}: $topbar-link-padding;\n padding-#{$default-float}: $topbar-link-padding;\n @include button-style($bg: $primary-color);\n }\n\n &.button.secondary {\n @include button-style($bg: $secondary-color);\n }\n\n &.button.success {\n @include button-style($bg: $success-color);\n }\n\n &.button.alert {\n @include button-style($bg: $alert-color);\n }\n\n &.button.warning {\n @include button-style($bg: $warning-color);\n }\n }\n\n >button {\n font-size: $topbar-link-font-size;\n padding-#{$opposite-direction}: $topbar-link-padding;\n padding-#{$default-float}: $topbar-link-padding;\n @include button-style($bg: $primary-color);\n\n &.secondary {\n @include button-style($bg: $secondary-color);\n }\n\n &.success {\n @include button-style($bg: $success-color);\n }\n\n &.alert {\n @include button-style($bg: $alert-color);\n }\n\n &.warning {\n @include button-style($bg: $warning-color);\n }\n }\n\n // Apply the hover link color when it has that class\n &:hover:not(.has-form)>a {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n\n color: $topbar-link-color-hover;\n }\n\n // Apply the active link color when it has that class\n &.active>a {\n background: $topbar-link-bg-active;\n color: $topbar-link-color-active;\n\n &:hover {\n background: $topbar-link-bg-active-hover;\n color: $topbar-link-color-active-hover;\n }\n }\n }\n\n // Add some extra padding for list items contains buttons\n .has-form {\n padding: $topbar-link-padding;\n }\n\n // Styling for list items that have a dropdown within them.\n .has-dropdown {\n position: relative;\n\n &>a {\n &:after {\n @if ($topbar-arrows) {\n @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);\n }\n\n margin-#{$opposite-direction}: $topbar-link-padding;\n margin-top: -(calc($topbar-dropdown-toggle-size / 2)) - 2;\n position: absolute;\n top: 50%;\n #{$opposite-direction}: 0;\n }\n }\n\n &.moved {\n position: static;\n\n &>.dropdown {\n @include topbar-show-dropdown();\n width: 100%;\n }\n\n &>a:after {\n display: none;\n }\n }\n }\n\n // Styling elements inside of dropdowns\n .dropdown {\n padding: 0;\n position: absolute;\n #{$default-float}: 100%;\n top: 0;\n z-index: 99;\n @include topbar-hide-dropdown();\n\n li {\n width: 100%;\n height: auto;\n\n a {\n font-weight: $topbar-dropdown-link-weight;\n padding: 8px $topbar-link-padding;\n\n &.parent-link {\n font-weight: $topbar-link-weight;\n }\n }\n\n &.title h5,\n &.parent-link {\n // Back Button\n margin-bottom: 0;\n margin-top: 0;\n font-size: $topbar-back-link-size;\n\n a {\n color: $topbar-link-color;\n // line-height: ($topbar-height / 2);\n display: block;\n\n &:hover {\n background: none;\n }\n }\n }\n\n &.has-form {\n padding: 8px $topbar-link-padding;\n }\n\n .button,\n button {\n top: auto;\n }\n }\n\n label {\n padding: 8px $topbar-link-padding 2px;\n margin-bottom: 0;\n text-transform: $topbar-dropdown-label-text-transform;\n color: $topbar-dropdown-label-color;\n font-weight: $topbar-dropdown-label-font-weight;\n font-size: $topbar-dropdown-label-font-size;\n }\n }\n }\n\n .js-generated {\n display: block;\n }\n\n\n // Top Bar styles intended for screen sizes above the breakpoint.\n @media #{$topbar-media-query} {\n .top-bar {\n background: $topbar-bg;\n @include clearfix;\n overflow: visible;\n\n .toggle-topbar {\n display: none;\n }\n\n .title-area {\n float: $default-float;\n }\n\n .name h1 a {\n width: auto;\n }\n\n input,\n .button,\n button {\n font-size: rem-calc(14);\n position: relative;\n height: $topbar-input-height;\n top: calc(($topbar-height - $topbar-input-height) / 2);\n }\n\n &.expanded {\n background: $topbar-bg;\n }\n }\n\n .contain-to-grid .top-bar {\n max-width: $row-width;\n margin: 0 auto;\n margin-bottom: $topbar-margin-bottom;\n }\n\n .top-bar-section {\n @include single-transition(none, 0, 0);\n #{$default-float}: 0 !important;\n\n ul {\n width: auto;\n height: auto !important;\n display: inline;\n\n li {\n float: $default-float;\n\n .js-generated {\n display: none;\n }\n }\n }\n\n li {\n &.hover {\n >a:not(.button) {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n\n color: $topbar-link-color-hover;\n }\n }\n\n &:not(.has-form) {\n a:not(.button) {\n padding: 0 $topbar-link-padding;\n line-height: $topbar-height;\n background: $topbar-link-bg;\n\n &:hover {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n }\n }\n }\n\n &.active:not(.has-form) {\n a:not(.button) {\n padding: 0 $topbar-link-padding;\n line-height: $topbar-height;\n color: $topbar-link-color-active;\n background: $topbar-link-bg-active;\n\n &:hover {\n background: $topbar-link-bg-active-hover;\n color: $topbar-link-color-active-hover;\n }\n }\n }\n }\n\n .has-dropdown {\n @if($topbar-arrows) {\n &>a {\n padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;\n\n &:after {\n @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);\n margin-top: -(calc($topbar-dropdown-toggle-size / 2));\n top: calc($topbar-height / 2);\n }\n }\n }\n\n &.moved {\n position: relative;\n\n &>.dropdown {\n @include topbar-hide-dropdown();\n }\n }\n\n &.hover,\n &.not-click:hover {\n &>.dropdown {\n @include topbar-show-dropdown();\n }\n }\n\n >a:focus+.dropdown {\n @include topbar-show-dropdown();\n }\n\n .dropdown li.has-dropdown {\n &>a {\n @if ($topbar-dropdown-arrows) {\n &:after {\n border: none;\n content: \"\\00bb\";\n top: 1rem;\n margin-top: -1px;\n #{$opposite-direction}: 5px;\n line-height: 1.2;\n }\n }\n }\n }\n }\n\n .dropdown {\n #{$default-float}: 0;\n top: auto;\n background: transparent;\n min-width: 100%;\n\n li {\n a {\n color: $topbar-dropdown-link-color;\n line-height: $topbar-height;\n white-space: nowrap;\n padding: 12px $topbar-link-padding;\n background: $topbar-dropdown-link-bg;\n }\n\n &:not(.has-form):not(.active) {\n &>a:not(.button) {\n color: $topbar-dropdown-link-color;\n background: $topbar-dropdown-link-bg;\n }\n\n &:hover>a:not(.button) {\n color: $topbar-dropdown-link-color-hover;\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-dropdown-link-bg-hover) {\n background: $topbar-dropdown-link-bg-hover;\n }\n }\n }\n\n label {\n white-space: nowrap;\n background: $topbar-dropdown-label-bg;\n }\n\n // Second Level Dropdowns\n .dropdown {\n #{$default-float}: 100%;\n top: 0;\n }\n }\n }\n\n &>ul>.divider,\n &>ul>[role=\"separator\"] {\n border-bottom: none;\n border-top: none;\n border-#{$opposite-direction}: $topbar-divider-border-bottom;\n clear: none;\n height: $topbar-height;\n width: 0;\n }\n\n .has-form {\n background: $topbar-link-bg;\n padding: 0 calc($topbar-height / 3);\n height: $topbar-height;\n }\n\n // Position overrides for ul.right and ul.left\n .#{$opposite-direction} {\n li .dropdown {\n #{$default-float}: auto;\n #{$opposite-direction}: 0;\n\n li .dropdown {\n #{$opposite-direction}: 100%;\n }\n }\n }\n\n .#{$default-float} {\n li .dropdown {\n #{$opposite-direction}: auto;\n #{$default-float}: 0;\n\n li .dropdown {\n #{$default-float}: 100%;\n }\n }\n }\n }\n\n // Degrade gracefully when Javascript is disabled. Displays dropdown and changes\n // background & text color on hover.\n .no-js .top-bar-section {\n ul li {\n\n // Apply the hover link color when it has that class\n &:hover>a {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n\n color: $topbar-link-color-hover;\n }\n\n // Apply the active link color when it has that class\n &:active>a {\n background: $topbar-link-bg-active;\n color: $topbar-link-color-active;\n }\n }\n\n .has-dropdown {\n &:hover {\n &>.dropdown {\n @include topbar-show-dropdown();\n }\n }\n\n >a:focus+.dropdown {\n @include topbar-show-dropdown();\n }\n }\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n\n$include-html-accordion-classes: $include-html-classes !default;\n\n$accordion-navigation-padding: rem-calc(16) !default;\n$accordion-navigation-bg-color: $silver !default;\n$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default;\n$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default;\n$accordion-navigation-font-color: $jet !default;\n$accordion-navigation-font-size: rem-calc(16) !default;\n$accordion-navigation-font-family: $body-font-family !default;\n\n$accordion-content-padding: calc($column-gutter / 2) !default;\n$accordion-content-active-bg-color: $white !default;\n\n\n// Mixin: accordion-container()\n// Description: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix\n// Explicit Dependencies: a clearfix mixin *is* defined.\n// Implicit Dependencies: None\n\n@mixin accordion-container() {\n @include clearfix;\n margin-bottom: 0;\n}\n\n// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){\n// @params $bg-color: [ color or string ]: Specify the background color for the navigation element\n// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered\n// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.\n// @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible\n// @params $font-color [ color or string ]: Color of the font for accordion\n// @params $font-size [ number ]: Specify the font-size of the text inside the navigation element\n// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accordion\n\n@mixin accordion-navigation($bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ) {\n display: block;\n margin-bottom: 0 !important;\n\n @if type-of($active_class) !=\"string\" {\n @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component.\"\n }\n\n @else {\n &.#{ $active_class }>a {\n background: $active-bg;\n }\n }\n\n >a {\n background: $bg;\n color: $font-color;\n\n @if type-of($padding) !=number {\n @warn \"`#{$padding}` was read as #{type-of($padding)}\";\n\n @if $accordion-navigation-padding !=null {\n @warn \"#{$padding} was read as a #{type-of($padding)}\";\n @warn \"`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)\";\n padding: $accordion-navigation-padding;\n }\n\n @else {\n @warn \"`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding\";\n padding: null;\n }\n }\n\n @else {\n padding: $padding;\n }\n\n display: block;\n font-family: $font-family;\n\n @if type-of($font-size) !=number {\n @warn \"`#{$font-size}` was read as a #{type-of($font-size)}\";\n\n @if $accordion-navigation-font-size !=null {\n @warn \"`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size}).\";\n font-size: $accordion-navigation-font-size;\n }\n\n @else {\n @warn \"`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.\";\n font-size: null;\n\n }\n }\n\n @else {\n font-size: $font-size;\n }\n\n &:hover {\n background: $hover-bg;\n }\n }\n}\n\n// Mixin: accordion-content($bg, $padding, $active-class)\n// @params $padding [ number ]: Padding for the content of the container\n// @params $bg [ color ]: Background color for the content when it's visible\n// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.\n\n@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active') {\n display: none;\n\n @if type-of($padding) !=\"number\" {\n @warn \"#{$padding} was read as a #{type-of($padding)}\";\n\n @if $accordion-content-padding !=null {\n @warn \"`#{$padding}` isn't a valid number. $accordion-content-padding used instead\";\n padding: $accordion-content-padding;\n }\n\n @else {\n @warn \"`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding.\";\n padding: null;\n }\n }\n\n @else {\n padding: $padding;\n }\n\n @if type-of($active_class) !=\"string\" {\n @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. \"\n }\n\n @else {\n &.#{$active_class} {\n display: block;\n background: $bg;\n }\n }\n}\n\n@include exports(\"accordion\") {\n @if $include-html-accordion-classes {\n .accordion {\n @include clearfix;\n margin-bottom: 0;\n\n .accordion-navigation,\n dd {\n display: block;\n margin-bottom: 0 !important;\n\n &.active>a {\n background: $accordion-navigation-active-bg-color;\n }\n\n >a {\n background: $accordion-navigation-bg-color;\n color: $accordion-navigation-font-color;\n padding: $accordion-navigation-padding;\n display: block;\n font-family: $accordion-navigation-font-family;\n font-size: $accordion-navigation-font-size;\n\n &:hover {\n background: $accordion-navigation-hover-bg-color;\n }\n }\n\n >.content {\n display: none;\n padding: $accordion-content-padding;\n\n &.active {\n display: block;\n background: $accordion-content-active-bg-color;\n }\n }\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Alert Box Variables\n//\n$include-html-alert-classes: $include-html-classes !default;\n\n// We use this to control alert padding.\n$alert-padding-top: rem-calc(14) !default;\n$alert-padding-default-float: $alert-padding-top !default;\n$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default;\n$alert-padding-bottom: $alert-padding-top !default;\n\n// We use these to control text style.\n$alert-font-weight: $font-weight-normal !default;\n$alert-font-size: rem-calc(13) !default;\n$alert-font-color: $white !default;\n$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default;\n\n// We use this for close hover effect.\n$alert-function-factor: -14% !default;\n\n// We use these to control border styles.\n$alert-border-style: solid !default;\n$alert-border-width: 1px !default;\n$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default;\n$alert-bottom-margin: rem-calc(20) !default;\n\n// We use these to style the close buttons\n$alert-close-color: $oil !default;\n$alert-close-top: 50% !default;\n$alert-close-position: rem-calc(4) !default;\n$alert-close-font-size: rem-calc(22) !default;\n$alert-close-opacity: 0.3 !default;\n$alert-close-opacity-hover: 0.5 !default;\n$alert-close-padding: 9px 6px 4px !default;\n$alert-close-background: inherit !default;\n\n// We use this to control border radius\n$alert-radius: $global-radius !default;\n\n$alert-transition-speed: 300ms !default;\n$alert-transition-ease: ease-out !default;\n\n//\n// Alert Mixins\n//\n\n// We use this mixin to create a default alert base.\n@mixin alert-base {\n border-style: $alert-border-style;\n border-width: $alert-border-width;\n display: block;\n font-weight: $alert-font-weight;\n margin-bottom: $alert-bottom-margin;\n position: relative;\n padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;\n font-size: $alert-font-size;\n @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease)\n}\n\n// We use this mixin to add alert styles\n//\n// $bg - The background of the alert. Default: $primary-color.\n@mixin alert-style($bg: $primary-color) {\n\n // This finds the lightness percentage of the background color.\n $bg-lightness: lightness($bg);\n\n // We control which background color and border come through.\n background-color: $bg;\n border-color: scale-color($bg, $lightness: $alert-function-factor);\n\n // We control the text color for you based on the background color.\n @if $bg-lightness >70% {\n color: $alert-font-color-alt;\n }\n\n @else {\n color: $alert-font-color;\n }\n\n}\n\n// We use this to create the close button.\n@mixin alert-close {\n font-size: $alert-close-font-size;\n padding: $alert-close-padding;\n line-height: 0;\n position: absolute;\n top: $alert-close-top;\n margin-top: -(calc($alert-close-font-size / 2));\n #{$opposite-direction}: $alert-close-position;\n color: $alert-close-color;\n opacity: $alert-close-opacity;\n background: $alert-close-background;\n\n &:hover,\n &:focus {\n opacity: $alert-close-opacity-hover;\n }\n}\n\n// We use this to quickly create alerts with a single mixin.\n//\n// $bg - Background of alert. Default: $primary-color.\n// $radius - Radius of alert box. Default: false.\n@mixin alert($bg: $primary-color, $radius: false) {\n @include alert-base;\n @include alert-style($bg);\n @include radius($radius);\n}\n\n@include exports(\"alert-box\") {\n @if $include-html-alert-classes {\n .alert-box {\n @include alert;\n\n .close {\n @include alert-close;\n }\n\n &.radius {\n @include radius($alert-radius);\n }\n\n &.round {\n @include radius($global-rounded);\n }\n\n &.success {\n @include alert-style($success-color);\n }\n\n &.alert {\n @include alert-style($alert-color);\n }\n\n &.secondary {\n @include alert-style($secondary-color);\n }\n\n &.warning {\n @include alert-style($warning-color);\n }\n\n &.info {\n @include alert-style($info-color);\n }\n\n &.alert-close {\n opacity: 0\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Breadcrumb Variables\n//\n$include-html-nav-classes: $include-html-classes !default;\n\n// We use this to set the background color for the breadcrumb container.\n$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default;\n\n// We use these to set the padding around the breadcrumbs.\n$crumb-padding: rem-calc(9 14 9) !default;\n$crumb-side-padding: rem-calc(12) !default;\n\n// We use these to control border styles.\n$crumb-function-factor: -10% !default;\n$crumb-border-size: 1px !default;\n$crumb-border-style: solid !default;\n$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default;\n$crumb-radius: $global-radius !default;\n\n// We use these to set various text styles for breadcrumbs.\n$crumb-font-size: rem-calc(11) !default;\n$crumb-font-color: $primary-color !default;\n$crumb-font-color-current: $oil !default;\n$crumb-font-color-unavailable: $aluminum !default;\n$crumb-font-transform: uppercase !default;\n$crumb-link-decor: underline !default;\n\n// We use these to control the slash between breadcrumbs\n$crumb-slash-color: $base !default;\n$crumb-slash: \"/\" !default;\n\n//\n// Breadcrumb Mixins\n//\n\n// We use this mixin to create a container around our breadcrumbs\n@mixin crumb-container {\n display: block;\n padding: $crumb-padding;\n overflow: hidden;\n margin-#{$default-float}: 0;\n list-style: none;\n border-style: $crumb-border-style;\n border-width: $crumb-border-size;\n\n // We control which background color and border come through.\n background-color: $crumb-bg;\n border-color: $crumb-border-color;\n}\n\n// We use this mixin to create breadcrumb styles from list items.\n@mixin crumbs {\n\n // A normal state will make the links look and act like clickable breadcrumbs.\n margin: 0;\n float: $default-float;\n font-size: $crumb-font-size;\n line-height: $crumb-font-size;\n text-transform: $crumb-font-transform;\n color: $crumb-font-color;\n\n &:hover a, &:focus a { text-decoration: $crumb-link-decor; }\n\n a {\n color: $crumb-font-color;\n }\n\n // Current is for the link of the current page\n &.current {\n cursor: $cursor-default-value;\n color: $crumb-font-color-current;\n a {\n cursor: $cursor-default-value;\n color: $crumb-font-color-current;\n }\n\n &:hover, &:hover a,\n &:focus, &:focus a { text-decoration: none; }\n }\n\n // Unavailable removed color and link styles so it looks inactive.\n &.unavailable {\n color: $crumb-font-color-unavailable;\n a { color: $crumb-font-color-unavailable; }\n\n &:hover,\n &:hover a,\n &:focus,\n a:focus {\n text-decoration: none;\n color: $crumb-font-color-unavailable;\n cursor: $cursor-default-value;\n }\n }\n\n &:before {\n content: \"#{$crumb-slash}\";\n color: $crumb-slash-color;\n margin: 0 $crumb-side-padding;\n position: relative;\n top: 1px;\n }\n\n &:first-child:before {\n content: \" \";\n margin: 0;\n }\n}\n\n@include exports(\"breadcrumbs\") {\n @if $include-html-nav-classes {\n .breadcrumbs {\n @include crumb-container;\n @include radius($crumb-radius);\n\n &>* {\n @include crumbs;\n }\n }\n }\n}\n\n/* Accessibility - hides the forward slash */\n[aria-label=\"breadcrumbs\"] [aria-hidden=\"true\"]:after {\n content: \"/\";\n }\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Block Grid Variables\n//\n$include-html-block-grid-classes: $include-html-classes !default;\n$include-xl-html-block-grid-classes: false !default;\n\n// We use this to control the maximum number of block grid elements per row\n$block-grid-elements: 12 !default;\n$block-grid-default-spacing: rem-calc(20) !default;\n\n$align-block-grid-to-grid: false !default;\n\n@if $align-block-grid-to-grid {\n $block-grid-default-spacing: $column-gutter;\n}\n\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\n$block-grid-media-queries: true !default;\n\n//\n// Block Grid Mixins\n//\n\n// Create a custom block grid\n//\n// $per-row - # of items to display per row. Default: false.\n// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20).\n// $base-style - Apply a base style to block grid. Default: true.\n@mixin block-grid($per-row: false,\n $spacing: $block-grid-default-spacing,\n $include-spacing: true,\n $base-style: true) {\n\n @if $base-style {\n display: block;\n padding: 0;\n\n @if $align-block-grid-to-grid {\n margin: 0;\n }\n\n @else {\n margin: 0 calc(-1 * $spacing / 2);\n }\n\n @include clearfix;\n\n &>li {\n display: block;\n height: auto;\n float: $default-float;\n\n @if $include-spacing {\n padding: 0 calc($spacing / 2) $spacing;\n }\n }\n }\n\n @if $per-row {\n &>li {\n width: calc(100% / $per-row);\n\n @if $include-spacing {\n padding: 0 ($spacing/2) $spacing;\n }\n\n list-style: none;\n\n &:nth-of-type(1n) {\n clear: none;\n }\n\n &:nth-of-type(#{$per-row}n+1) {\n clear: both;\n }\n\n @if $align-block-grid-to-grid {\n @include block-grid-aligned($per-row, $spacing);\n }\n }\n }\n}\n\n@mixin block-grid-aligned($per-row, $spacing) {\n @for $i from 1 through $block-grid-elements {\n @if $per-row >=$i {\n $grid-column: '+'+$i;\n\n @if $per-row ==$i {\n $grid-column: '';\n }\n\n &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) {\n padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));\n padding-right: ($spacing - (($spacing / $per-row) * $i));\n }\n }\n }\n}\n\n// Generate presentational markup for block grid.\n//\n// $size - Name of class to use, i.e. \"large\" will generate .large-block-grid-1, .large-block-grid-2, etc.\n@mixin block-grid-html-classes($size, $include-spacing) {\n @for $i from 1 through $block-grid-elements {\n .#{$size}-block-grid-#{($i)} {\n @include block-grid($i, $block-grid-default-spacing, $include-spacing, false);\n }\n }\n}\n\n@include exports(\"block-grid\") {\n @if $include-html-block-grid-classes {\n\n [class*=\"block-grid-\"] {\n @include block-grid;\n }\n\n @if $block-grid-media-queries {\n @media #{$small-up} {\n @include block-grid-html-classes($size: small, $include-spacing: false);\n }\n\n @media #{$medium-up} {\n @include block-grid-html-classes($size: medium, $include-spacing: false);\n }\n\n @media #{$large-up} {\n @include block-grid-html-classes($size: large, $include-spacing: false);\n }\n\n @if $include-xl-html-block-grid-classes {\n @media #{$xlarge-up} {\n @include block-grid-html-classes($size: xlarge, $include-spacing: false);\n }\n\n @media #{$xxlarge-up} {\n @include block-grid-html-classes($size: xxlarge, $include-spacing: false);\n }\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"buttons\";\n\n//\n// Button Group Variables\n//\n$include-html-button-classes: $include-html-classes !default;\n\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\n$button-bar-margin-opposite: rem-calc(10) !default;\n$button-group-border-width: 1px !default;\n\n//\n// Button Group Mixins\n//\n\n// We use this to add styles for a button group container\n@mixin button-group-container($styles: true, $float: false) {\n @if $styles {\n list-style: none;\n margin: 0;\n #{$default-float}: 0;\n @include clearfix();\n }\n\n @if $float {\n float: #{$default-float};\n margin-#{$opposite-direction}: $button-bar-margin-opposite;\n\n & div {\n overflow: hidden;\n }\n }\n}\n\n// We use this to control styles for button groups\n@mixin button-group-style($radius: false, $even: false, $float: false, $orientation: horizontal) {\n\n >button,\n .button {\n border-#{$default-float}: $button-group-border-width solid;\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n &:first-child {\n\n button,\n .button {\n border-#{$default-float}: 0;\n }\n }\n\n // We use this to control the flow, or remove those styles completely.\n @if $float {\n margin: 0;\n float: $float;\n display: list-item;\n\n // Make sure the first child doesn't get the negative margin.\n &:first-child {\n margin-#{$default-float}: 0;\n }\n }\n\n @else {\n margin: 0 -2px;\n display: inline-block;\n }\n\n @if $orientation ==vertical {\n display: block;\n margin: 0;\n\n >button,\n .button {\n border-top: $button-group-border-width solid;\n border-color: rgba(255, 255, 255, 0.5);\n border-left-width: 0;\n margin: 0;\n display: block;\n }\n\n &:first-child {\n\n button,\n .button {\n border-top: 0;\n }\n }\n }\n\n // We use these to control left and right radius on first/last buttons in the group.\n @if $radius ==true {\n\n &,\n &>a,\n &>button,\n &>.button {\n @include radius(0);\n }\n\n &:first-child,\n &:first-child>a,\n &:first-child>button,\n &:first-child>.button {\n @if $orientation ==vertical {\n @include side-radius(top, $button-radius);\n }\n\n @else {\n @include side-radius($default-float, $button-radius);\n }\n }\n\n &:last-child,\n &:last-child>a,\n &:last-child>button,\n &:last-child>.button {\n @if $orientation ==vertical {\n @include side-radius(bottom, $button-radius);\n }\n\n @else {\n @include side-radius($opposite-direction, $button-radius);\n }\n }\n }\n\n @else if $radius {\n\n &,\n &>a,\n &>button,\n &>.button {\n @include radius(0);\n }\n\n &:first-child,\n &:first-child>a,\n &:first-child>button,\n &:first-child>.button {\n @if $orientation ==vertical {\n @include side-radius(top, $radius);\n }\n\n @else {\n @include side-radius($default-float, $radius);\n }\n }\n\n &:last-child,\n &:last-child>a,\n &:last-child>button,\n &:last-child>.button {\n @if $orientation ==vertical {\n @include side-radius(bottom, $radius);\n }\n\n @else {\n @include side-radius($opposite-direction, $radius);\n }\n }\n }\n\n // We use this to make the buttons even width across their container\n @if $even {\n width: percentage(calc((100/$even) / 100));\n\n button,\n .button {\n width: 100%;\n }\n }\n}\n\n@include exports(\"button-group\") {\n @if $include-html-button-classes {\n .button-group {\n @include button-group-container;\n\n &>li {\n @include button-group-style();\n }\n\n &.stack {\n &>li {\n @include button-group-style($orientation: vertical);\n float: none;\n }\n }\n\n &.stack-for-small {\n &>li {\n @include button-group-style($orientation: horizontal);\n\n @media #{$small-only} {\n @include button-group-style($orientation: vertical);\n }\n }\n }\n\n &.radius>* {\n @include button-group-style($radius: $button-radius, $float: null);\n }\n\n &.radius.stack>* {\n @include button-group-style($radius: $button-radius, $float: null, $orientation: vertical);\n }\n\n &.radius.stack-for-small>* {\n @media #{$medium-up} {\n @include button-group-style($radius: $button-radius, $orientation: horizontal);\n }\n\n @media #{$small-only} {\n @include button-group-style($radius: $button-radius, $orientation: vertical);\n }\n }\n\n &.round>* {\n @include button-group-style($radius: $button-round, $float: null);\n }\n\n &.round.stack>* {\n @include button-group-style($radius: $button-med, $float: null, $orientation: vertical);\n }\n\n &.round.stack-for-small>* {\n @media #{$medium-up} {\n @include button-group-style($radius: $button-round, $orientation: horizontal);\n }\n\n @media #{$small-only} {\n @include button-group-style($radius: $button-med, $orientation: vertical);\n }\n }\n\n @for $i from 2 through 8 {\n &.even-#{$i} li {\n @include button-group-style($even: $i, $float: null);\n }\n }\n }\n\n .button-bar {\n @include clearfix;\n\n .button-group {\n @include button-group-container($styles: false, $float: true);\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-clearing-classes: $include-html-classes !default;\n\n// We use these to set the background colors for parts of Clearing.\n$clearing-bg: $oil !default;\n$clearing-caption-bg: $clearing-bg !default;\n$clearing-carousel-bg: rgba(51,51,51,0.8) !default;\n$clearing-img-bg: $clearing-bg !default;\n\n// We use these to style the close button\n$clearing-close-color: $iron !default;\n$clearing-close-size: 30px !default;\n\n// We use these to style the arrows\n$clearing-arrow-size: 12px !default;\n$clearing-arrow-color: $clearing-close-color !default;\n\n// We use these to style captions\n$clearing-caption-font-color: $iron !default;\n$clearing-caption-font-size: 0.875em !default;\n$clearing-caption-padding: 10px 30px 20px !default;\n\n// We use these to make the image and carousel height and style\n$clearing-active-img-height: 85% !default;\n$clearing-carousel-height: 120px !default;\n$clearing-carousel-thumb-width: 120px !default;\n$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;\n\n@include exports(\"clearing\") {\n @if $include-html-clearing-classes {\n // We decided to not create a mixin for Clearing because it relies\n // on predefined classes and structure to work properly.\n // The variables above should give enough control.\n\n /* Clearing Styles */\n .clearing-thumbs, #{data('clearing')} {\n @include clearfix;\n margin-bottom: 0;\n margin-#{$default-float}: 0;\n list-style: none;\n\n li {\n float: $default-float;\n margin-#{$opposite-direction}: 10px;\n }\n\n &[class*=\"block-grid-\"] li {\n margin-#{$opposite-direction}: 0;\n }\n }\n\n .clearing-blackout {\n background: $clearing-bg;\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n #{$default-float}: 0;\n z-index: 998;\n\n .clearing-close { display: block; }\n }\n\n .clearing-container {\n position: relative;\n z-index: 998;\n height: 100%;\n overflow: hidden;\n margin: 0;\n }\n\n .clearing-touch-label {\n position: absolute;\n top: 50%;\n left: 50%;\n color: $base;\n font-size: 0.6em;\n }\n\n .visible-img {\n height: 95%;\n position: relative;\n\n img {\n position: absolute;\n #{$default-float}: 50%;\n top: 50%;\n margin-#{$default-float}: -50%;\n max-height: 100%;\n max-width: 100%;\n }\n }\n\n .clearing-caption {\n color: $clearing-caption-font-color;\n font-size: $clearing-caption-font-size;\n line-height: 1.3;\n margin-bottom: 0;\n text-align: center;\n bottom: 0;\n background: $clearing-caption-bg;\n width: 100%;\n padding: $clearing-caption-padding;\n position: absolute;\n #{$default-float}: 0;\n }\n\n .clearing-close {\n z-index: 999;\n padding-#{$default-float}: 20px;\n padding-top: 10px;\n font-size: $clearing-close-size;\n line-height: 1;\n color: $clearing-close-color;\n display: none;\n\n &:hover,\n &:focus { color: $iron; }\n }\n\n .clearing-assembled .clearing-container { height: 100%;\n .carousel > ul { display: none; }\n }\n\n // If you want to show a lightbox, but only have a single image come through as the thumbnail\n .clearing-feature li {\n display: none;\n &.clearing-featured-img {\n display: block;\n }\n }\n\n // Large screen overrides\n @media #{$medium-up} {\n .clearing-main-prev,\n .clearing-main-next {\n position: absolute;\n height: 100%;\n width: 40px;\n top: 0;\n & > span {\n position: absolute;\n top: 50%;\n display: block;\n width: 0;\n height: 0;\n border: solid $clearing-arrow-size;\n &:hover { opacity: 0.8; }\n }\n }\n .clearing-main-prev {\n #{$default-float}: 0;\n & > span {\n #{$default-float}: 5px;\n border-color: transparent;\n border-#{$opposite-direction}-color: $clearing-arrow-color;\n }\n }\n .clearing-main-next {\n #{$opposite-direction}: 0;\n & > span {\n border-color: transparent;\n border-#{$default-float}-color: $clearing-arrow-color;\n }\n }\n \n .clearing-main-prev.disabled,\n .clearing-main-next.disabled { opacity: 0.3; }\n\n .clearing-assembled .clearing-container {\n\n .carousel {\n background: $clearing-carousel-bg;\n height: $clearing-carousel-height;\n margin-top: 10px;\n text-align: center;\n\n & > ul {\n display: inline-block;\n z-index: 999;\n height: 100%;\n position: relative;\n float: none;\n\n li {\n display: block;\n width: $clearing-carousel-thumb-width;\n min-height: inherit;\n float: $default-float;\n overflow: hidden;\n margin-#{$opposite-direction}: 0;\n padding: 0;\n position: relative;\n cursor: $cursor-pointer-value;\n opacity: 0.4;\n clear: none;\n\n &.fix-height {\n img {\n height: 100%;\n max-width: none;\n }\n }\n\n a.th {\n border: none;\n box-shadow: none;\n display: block;\n }\n\n img {\n cursor: $cursor-pointer-value !important;\n width: 100% !important;\n }\n\n &.visible { opacity: 1; }\n &:hover { opacity: 0.8; }\n }\n }\n }\n\n .visible-img {\n background: $clearing-img-bg;\n overflow: hidden;\n height: $clearing-active-img-height;\n }\n }\n\n .clearing-close {\n position: absolute;\n top: 10px;\n #{$opposite-direction}: 20px;\n padding-#{$default-float}: 0;\n padding-top: 0;\n }\n }\n\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-dropdown-classes: $include-html-classes !default;\n\n// We use these to controls height and width styles.\n$f-dropdown-max-width: 200px !default;\n$f-dropdown-height: auto !default;\n$f-dropdown-max-height: none !default;\n\n// Used for bottom position\n$f-dropdown-margin-top: 2px !default;\n\n// Used for right position\n$f-dropdown-margin-left: $f-dropdown-margin-top !default;\n\n// Used for left position\n$f-dropdown-margin-right: $f-dropdown-margin-top !default;\n\n// Used for top position\n$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;\n\n// We use this to control the background color\n$f-dropdown-bg: $white !default;\n\n// We use this to set the border styles for dropdowns.\n$f-dropdown-border-style: solid !default;\n$f-dropdown-border-width: 1px !default;\n$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default;\n\n// We use these to style the triangle pip.\n$f-dropdown-triangle-size: 6px !default;\n$f-dropdown-triangle-color: $white !default;\n$f-dropdown-triangle-side-offset: 10px !default;\n\n// We use these to control styles for the list elements.\n$f-dropdown-list-style: none !default;\n$f-dropdown-font-color: $charcoal !default;\n$f-dropdown-font-size: rem-calc(14) !default;\n$f-dropdown-list-padding: rem-calc(5, 10) !default;\n$f-dropdown-line-height: rem-calc(18) !default;\n$f-dropdown-list-hover-bg: $smoke !default;\n$dropdown-mobile-default-float: 0 !default;\n\n// We use this to control the styles for when the dropdown has custom content.\n$f-dropdown-content-padding: rem-calc(20) !default;\n\n// Default radius for dropdown.\n$f-dropdown-radius: $global-radius !default;\n\n//\n// @mixins\n//\n//\n// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.;\n// We use this to style the dropdown container element.\n// $content-list - Sets list-style. Default: list. Options: [list, content]\n// $triangle - Sets if dropdown has triangle. Default:true.\n// $max-width - Default: $f-dropdown-max-width || 200px.\n@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {\n position: absolute;\n left: -9999px;\n list-style: $f-dropdown-list-style;\n margin-#{$default-float}: 0;\n outline: none;\n\n > *:first-child { margin-top: 0; }\n > *:last-child { margin-bottom: 0; }\n\n @if $content == list {\n width: 100%;\n max-height: $f-dropdown-max-height;\n height: $f-dropdown-height;\n background: $f-dropdown-bg;\n border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\n font-size: $f-dropdown-font-size;\n z-index: 89;\n }\n @else if $content == content {\n padding: $f-dropdown-content-padding;\n width: 100%;\n height: $f-dropdown-height;\n max-height: $f-dropdown-max-height;\n background: $f-dropdown-bg;\n border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\n font-size: $f-dropdown-font-size;\n z-index: 89;\n }\n\n @if $triangle == bottom {\n margin-top: $f-dropdown-margin-top;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);\n position: absolute;\n top: -($f-dropdown-triangle-size * 2);\n #{$default-float}: $f-dropdown-triangle-side-offset;\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);\n position: absolute;\n top: -(($f-dropdown-triangle-size + 1) * 2);\n #{$default-float}: $f-dropdown-triangle-side-offset - 1;\n z-index: 88;\n }\n\n &.right:before {\n #{$default-float}: auto;\n #{$opposite-direction}: $f-dropdown-triangle-side-offset;\n }\n &.right:after {\n #{$default-float}: auto;\n #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;\n }\n }\n\n @if $triangle == $default-float {\n margin-top: 0;\n margin-#{$default-float}: $f-dropdown-margin-right;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction});\n position: absolute;\n top: $f-dropdown-triangle-side-offset;\n #{$default-float}: -($f-dropdown-triangle-size * 2);\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});\n position: absolute;\n top: $f-dropdown-triangle-side-offset - 1;\n #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;\n z-index: 88;\n }\n\n }\n\n @if $triangle == $opposite-direction {\n margin-top: 0;\n margin-#{$default-float}: -$f-dropdown-margin-right;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float});\n position: absolute;\n top: $f-dropdown-triangle-side-offset;\n #{$opposite-direction}: -($f-dropdown-triangle-size * 2);\n #{$default-float}: auto;\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});\n position: absolute;\n top: $f-dropdown-triangle-side-offset - 1;\n #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;\n #{$default-float}: auto;\n z-index: 88;\n }\n\n }\n\n @if $triangle == top {\n margin-top: -$f-dropdown-margin-bottom;\n margin-left: 0;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);\n position: absolute;\n top: auto;\n bottom: -($f-dropdown-triangle-size * 2);\n #{$default-float}: $f-dropdown-triangle-side-offset;\n #{$opposite-direction}: auto;\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);\n position: absolute;\n top: auto;\n bottom: -($f-dropdown-triangle-size * 2) - 2;\n #{$default-float}: $f-dropdown-triangle-side-offset - 1;\n #{$opposite-direction}: auto;\n z-index: 88;\n }\n\n }\n\n @if $max-width { max-width: $max-width; }\n @else { max-width: $f-dropdown-max-width; }\n\n}\n\n// @MIXIN\n//\n// We use this to style the list elements or content inside the dropdown.\n\n@mixin dropdown-style {\n font-size: $f-dropdown-font-size;\n cursor: $cursor-pointer-value;\n\n line-height: $f-dropdown-line-height;\n margin: 0;\n\n &:hover,\n &:focus { background: $f-dropdown-list-hover-bg; }\n\n &.radius { @include radius($f-dropdown-radius); }\n\n a {\n display: block;\n padding: $f-dropdown-list-padding;\n color: $f-dropdown-font-color;\n }\n}\n\n@include exports(\"dropdown\") {\n @if $include-html-dropdown-classes {\n\n /* Foundation Dropdowns */\n .f-dropdown {\n @include dropdown-container(list, bottom);\n\n &.drop-#{$opposite-direction} {\n @include dropdown-container(list, #{$default-float});\n }\n\n &.drop-#{$default-float} {\n @include dropdown-container(list, #{$opposite-direction});\n }\n\n &.drop-top {\n @include dropdown-container(list, top);\n }\n // max-width: none;\n\n li { @include dropdown-style; }\n\n // You can also put custom content in these dropdowns\n &.content { @include dropdown-container(content, $triangle:false); }\n\n // Sizes\n &.tiny { max-width: 200px; }\n &.small { max-width: 300px; }\n &.medium { max-width: 500px; }\n &.large { max-width: 800px; }\n &.mega {\n width:100%!important;\n max-width:100%!important;\n\n &.open{\n left:0!important;\n }\n }\n }\n\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-button-classes: $include-html-classes !default;\n\n// We use these to set the color of the pip in dropdown buttons\n$dropdown-button-pip-color: $white !default;\n$dropdown-button-pip-color-alt: $oil !default;\n\n$button-pip-tny: rem-calc(6) !default;\n$button-pip-sml: rem-calc(7) !default;\n$button-pip-med: rem-calc(9) !default;\n$button-pip-lrg: rem-calc(11) !default;\n\n// We use these to style tiny dropdown buttons\n$dropdown-button-padding-tny: $button-pip-tny * 7 !default;\n$dropdown-button-pip-size-tny: $button-pip-tny !default;\n$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default;\n$dropdown-button-pip-top-tny: calc(-1 * $button-pip-tny / 2) + rem-calc(1) !default;\n\n// We use these to style small dropdown buttons\n$dropdown-button-padding-sml: $button-pip-sml * 7 !default;\n$dropdown-button-pip-size-sml: $button-pip-sml !default;\n$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default;\n$dropdown-button-pip-top-sml: calc(-1 * $button-pip-sml / 2) + rem-calc(1) !default;\n\n// We use these to style medium dropdown buttons\n$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default;\n$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default;\n$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default;\n$dropdown-button-pip-top-med: calc(-1 * $button-pip-med / 2) + rem-calc(2) !default;\n\n// We use these to style large dropdown buttons\n$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default;\n$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;\n$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default;\n$dropdown-button-pip-top-lrg: calc(-1 * $button-pip-lrg / 2) + rem-calc(3) !default;\n\n// @mixins\n//\n// Dropdown Button Mixin\n//\n// We use this mixin to build off of the button mixin and add dropdown button styles\n//\n// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large]\n// $pip-color - Color of the little triangle that points to the dropdown. Default: $white.\n// $base-style - Add in base-styles. This can be set to false. Default:true\n\n@mixin dropdown-button($padding: medium, $pip-color: $white, $base-style: true) {\n\n // We add in base styles, but they can be negated by setting to 'false'.\n @if $base-style {\n position: relative;\n outline: none;\n\n // This creates the base styles for the triangle pip\n &::after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n display: block;\n border-style: solid;\n border-color: $dropdown-button-pip-color transparent transparent transparent;\n top: 50%;\n }\n }\n\n // If we're dealing with tiny buttons, use these styles\n @if $padding ==tiny {\n padding-#{$opposite-direction}: $dropdown-button-padding-tny;\n\n &:after {\n border-width: $dropdown-button-pip-size-tny;\n #{$opposite-direction}: $dropdown-button-pip-opposite-tny;\n margin-top: $dropdown-button-pip-top-tny;\n }\n }\n\n // If we're dealing with small buttons, use these styles\n @if $padding ==small {\n padding-#{$opposite-direction}: $dropdown-button-padding-sml;\n\n &::after {\n border-width: $dropdown-button-pip-size-sml;\n #{$opposite-direction}: $dropdown-button-pip-opposite-sml;\n margin-top: $dropdown-button-pip-top-sml;\n }\n }\n\n // If we're dealing with default (medium) buttons, use these styles\n @if $padding ==medium {\n padding-#{$opposite-direction}: $dropdown-button-padding-med;\n\n &::after {\n border-width: $dropdown-button-pip-size-med;\n #{$opposite-direction}: $dropdown-button-pip-opposite-med;\n margin-top: $dropdown-button-pip-top-med;\n }\n }\n\n // If we're dealing with large buttons, use these styles\n @if $padding ==large {\n padding-#{$opposite-direction}: $dropdown-button-padding-lrg;\n\n &::after {\n border-width: $dropdown-button-pip-size-lrg;\n #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;\n margin-top: $dropdown-button-pip-top-lrg;\n }\n }\n\n // We can control the pip color. We didn't use logic in this case, just set it and forget it.\n @if $pip-color {\n &::after {\n border-color: $pip-color transparent transparent transparent;\n }\n }\n}\n\n@include exports(\"dropdown-button\") {\n @if $include-html-button-classes {\n\n .dropdown.button,\n button.dropdown {\n @include dropdown-button;\n\n &.tiny {\n @include dropdown-button(tiny, $base-style: false);\n }\n\n &.small {\n @include dropdown-button(small, $base-style: false);\n }\n\n &.large {\n @include dropdown-button(large, $base-style: false);\n }\n\n &.secondary:after {\n border-color: $dropdown-button-pip-color-alt transparent transparent transparent;\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-media-classes: $include-html-classes !default;\n\n// We use these to control video container padding and margins\n$flex-video-padding-top: rem-calc(25) !default;\n$flex-video-padding-bottom: 67.5% !default;\n$flex-video-margin-bottom: rem-calc(16) !default;\n\n// We use this to control widescreen bottom padding\n$flex-video-widescreen-padding-bottom: 56.34% !default;\n\n//\n// @mixins\n//\n\n@mixin flex-video-container {\n position: relative;\n padding-top: $flex-video-padding-top;\n padding-bottom: $flex-video-padding-bottom;\n height: 0;\n margin-bottom: $flex-video-margin-bottom;\n overflow: hidden;\n\n &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }\n &.vimeo { padding-top: 0; }\n\n iframe,\n object,\n embed,\n video {\n position: absolute;\n top: 0;\n #{$default-float}: 0;\n width: 100%;\n height: 100%;\n }\n}\n\n@include exports(\"flex-video\") {\n @if $include-html-media-classes {\n .flex-video { @include flex-video-container; }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-inline-list-classes: $include-html-classes !default;\n\n// We use this to control the margins and padding of the inline list.\n$inline-list-top-margin: 0 !default;\n$inline-list-opposite-margin: 0 !default;\n$inline-list-bottom-margin: rem-calc(17) !default;\n$inline-list-default-float-margin: rem-calc(-22) !default;\n$inline-list-default-float-list-margin: rem-calc(22) !default;\n\n$inline-list-padding: 0 !default;\n\n// We use this to control the overflow of the inline list.\n$inline-list-overflow: hidden !default;\n\n// We use this to control the list items\n$inline-list-display: block !default;\n\n// We use this to control any elements within list items\n$inline-list-children-display: block !default;\n\n//\n// @mixins\n//\n// We use this mixin to create inline lists\n@mixin inline-list {\n margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;\n margin-#{$default-float}: $inline-list-default-float-margin;\n margin-#{$opposite-direction}: $inline-list-opposite-margin;\n padding: $inline-list-padding;\n list-style: none;\n overflow: $inline-list-overflow;\n\n & > li {\n list-style: none;\n float: $default-float;\n margin-#{$default-float}: $inline-list-default-float-list-margin;\n display: $inline-list-display;\n &>* { display: $inline-list-children-display; }\n }\n}\n\n@include exports(\"inline-list\") {\n @if $include-html-inline-list-classes {\n .inline-list {\n @include inline-list();\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-keystroke-classes: $include-html-classes !default;\n\n// We use these to control text styles.\n$keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace !default;\n$keystroke-font-size: inherit !default;\n$keystroke-font-color: $jet !default;\n$keystroke-font-color-alt: $white !default;\n$keystroke-function-factor: -7% !default;\n\n// We use this to control keystroke padding.\n$keystroke-padding: rem-calc(2 4 0) !default;\n\n// We use these to control background and border styles.\n$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default;\n$keystroke-border-style: solid !default;\n$keystroke-border-width: 1px !default;\n$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default;\n$keystroke-radius: $global-radius !default;\n\n//\n// @mixins\n//\n// We use this mixin to create keystroke styles.\n// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default;\n@mixin keystroke($bg:$keystroke-bg) {\n // This find the lightness percentage of the background color.\n $bg-lightness: lightness($bg);\n\n background-color: $bg;\n border-color: scale-color($bg, $lightness: $keystroke-function-factor);\n\n // We adjust the font color based on the brightness of the background.\n @if $bg-lightness > 70% { color: $keystroke-font-color; }\n @else { color: $keystroke-font-color-alt; }\n\n border-style: $keystroke-border-style;\n border-width: $keystroke-border-width;\n margin: 0;\n font-family: $keystroke-font;\n font-size: $keystroke-font-size;\n padding: $keystroke-padding;\n}\n\n@include exports(\"keystroke\") {\n @if $include-html-keystroke-classes {\n .keystroke,\n kbd {\n @include keystroke;\n @include radius($keystroke-radius);\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-panel-classes: $include-html-classes !default;\n\n// We use these to control the background and border styles\n$panel-bg: scale-color($white, $lightness: -5%) !default;\n$panel-border-style: solid !default;\n$panel-border-size: 1px !default;\n\n// We use this % to control how much we darken things on hover\n$panel-function-factor: -11% !default;\n$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default;\n\n// We use these to set default inner padding and bottom margin\n$panel-margin-bottom: rem-calc(20) !default;\n$panel-padding: rem-calc(20) !default;\n\n// We use these to set default font colors\n$panel-font-color: $oil !default;\n$panel-font-color-alt: $white !default;\n\n$panel-header-adjust: true !default;\n$callout-panel-link-color: $primary-color !default;\n$callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default;\n\n//\n// @mixins\n//\n// We use this mixin to create panels.\n// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default\n// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)\n// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true\n@mixin panel($bg: $panel-bg, $padding: $panel-padding, $adjust: $panel-header-adjust) {\n\n @if $bg {\n $bg-lightness: lightness($bg);\n\n border-style: $panel-border-style;\n border-width: $panel-border-size;\n border-color: scale-color($bg, $lightness: $panel-function-factor);\n margin-bottom: $panel-margin-bottom;\n padding: $padding;\n\n background: $bg;\n\n @if $bg-lightness >=50% {\n color: $panel-font-color;\n }\n\n @else {\n color: $panel-font-color-alt;\n }\n\n // Respect the padding, fool.\n &>:first-child {\n margin-top: 0;\n }\n\n &>:last-child {\n margin-bottom: 0;\n }\n\n @if $adjust {\n\n // We set the font color based on the darkness of the bg.\n @if $bg-lightness >=50% {\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n li,\n dl {\n color: $panel-font-color;\n }\n }\n\n @else {\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n li,\n dl {\n color: $panel-font-color-alt;\n }\n }\n\n // reset header line-heights for panels\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n line-height: 1;\n margin-bottom: calc(rem-calc(20) / 2);\n\n &.subheader {\n line-height: 1.4;\n }\n }\n }\n }\n}\n\n@include exports(\"panel\") {\n @if $include-html-panel-classes {\n\n /* Panels */\n .panel {\n @include panel;\n\n &.callout {\n @include panel(scale-color($primary-color, $lightness: 94%));\n\n a:not(.button) {\n color: $callout-panel-link-color;\n\n &:hover,\n &:focus {\n color: $callout-panel-link-color-hover;\n }\n }\n }\n\n &.radius {\n @include radius;\n }\n\n }\n\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"grid\";\n\n//\n// @name _reveal.scss\n// @dependencies _global.scss\n//\n\n$include-html-reveal-classes: $include-html-classes !default;\n\n// We use these to control the style of the reveal overlay.\n$reveal-overlay-bg: rgba($black, .45) !default;\n$reveal-overlay-bg-old: $black !default;\n\n// We use these to control the style of the modal itself.\n$reveal-modal-bg: $white !default;\n$reveal-position-top: rem-calc(250) !default;\n$reveal-default-width: 80% !default;\n$reveal-max-width: $row-width !default;\n$reveal-modal-padding: rem-calc(20) !default;\n$reveal-box-shadow: 0 0 10px rgba($black,.4) !default;\n\n// We use these to style the reveal close button\n$reveal-close-font-size: rem-calc(40) !default;\n$reveal-close-top: rem-calc(10) !default;\n$reveal-close-side: rem-calc(22) !default;\n$reveal-close-color: $base !default;\n$reveal-close-weight: $font-weight-bold !default;\n\n// We use this to set the default radius used throughout the core.\n$reveal-radius: $global-radius !default;\n$reveal-round: $global-rounded !default;\n\n// We use these to control the modal border\n$reveal-border-style: solid !default;\n$reveal-border-width: 1px !default;\n$reveal-border-color: $steel !default;\n\n$reveal-modal-class: \"reveal-modal\" !default;\n$close-reveal-modal-class: \"close-reveal-modal\" !default;\n\n//\n// @mixins\n//\n\n// We use this to create the reveal background overlay styles\n@mixin reveal-bg( $include-z-index-value: true ) {\n //position: fixed;\n position: absolute; // allows modal background to extend beyond window position\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future.\n background: $reveal-overlay-bg;\n z-index: if( $include-z-index-value, 1004, auto );\n display: none;\n #{$default-float}: 0;\n}\n\n// We use this mixin to create the structure of a reveal modal\n//\n// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false\n// $width - Sets reveal width Default: $reveal-default-width || 80%\n//\n@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) {\n @if $base-style {\n visibility: hidden;\n display: none;\n position: absolute;\n z-index: 1005;\n width: 100vw;\n top:0;\n border-radius: $border-radius;\n #{$default-float}: 0;\n\n @media #{$small-only} {\n min-height:100vh;\n }\n\n // Make sure rows don't have a min-width on them\n .column, .columns { min-width: 0; }\n\n // Get rid of margin from first and last element inside modal\n & > :first-child { margin-top: 0; }\n\n & > :last-child { margin-bottom: 0; }\n }\n\n @if $width {\n @media #{$medium-up} {\n width: $width;\n max-width: $max-width;\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n }\n}\n\n// We use this to style the reveal modal defaults\n//\n// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white\n// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding.\n// $border - Choose whether reveal uses a border. Default: true, Options: false\n// $border-style - Set reveal border style. Default: $reveal-border-style || solid\n// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width.\n// $border-color - Color of border. Default: $reveal-border-color.\n// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false\n// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false\n// $top-offset - Default: $reveal-position-top || 50px\n@mixin reveal-modal-style(\n $bg:false,\n $padding:false,\n $border:false,\n $border-style:$reveal-border-style,\n $border-width:$reveal-border-width,\n $border-color:$reveal-border-color,\n $box-shadow:false,\n $radius:false,\n $top-offset:false) {\n\n @if $bg { background-color: $bg; }\n @if $padding != false { padding: $padding; }\n\n @if $border { border: $border-style $border-width $border-color; }\n\n // We can choose whether or not to include the default box-shadow.\n @if $box-shadow {\n box-shadow: $reveal-box-shadow;\n }\n\n // We can control how much radius is used on the modal\n @if $radius == true { @include radius($reveal-radius); }\n @else if $radius { @include radius($radius); }\n\n @if $top-offset {\n @media #{$medium-up} {\n top: $top-offset;\n }\n }\n}\n\n// We use this to create a close button for the reveal modal\n//\n// $color - Default: $reveal-close-color || $base\n@mixin reveal-close($color:$reveal-close-color) {\n font-size: $reveal-close-font-size;\n line-height: 1;\n position: absolute;\n top: $reveal-close-top;\n #{$opposite-direction}: $reveal-close-side;\n color: $color;\n font-weight: $reveal-close-weight;\n cursor: $cursor-pointer-value;\n}\n\n@include exports(\"reveal\") {\n @if $include-html-reveal-classes {\n\n // Reveal Modals\n .reveal-modal-bg { @include reveal-bg; }\n\n .#{$reveal-modal-class} {\n @include reveal-modal-base;\n @include reveal-modal-style(\n $bg:$reveal-modal-bg,\n $padding:$reveal-modal-padding,\n $border:true,\n $box-shadow:true,\n $radius:false,\n $top-offset:$reveal-position-top\n );\n @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);\n\n &.radius { @include reveal-modal-style($radius:true); }\n &.round { @include reveal-modal-style($radius:$reveal-round); }\n &.collapse { @include reveal-modal-style($padding:0); }\n &.tiny { @include reveal-modal-base(false, 30%); }\n &.small { @include reveal-modal-base(false, 40%); }\n &.medium { @include reveal-modal-base(false, 60%); }\n &.large { @include reveal-modal-base(false, 70%); }\n &.xlarge { @include reveal-modal-base(false, 95%); }\n &.full {\n @include reveal-modal-base(false, 100vw);\n top:0;\n left:0;\n height:100%;\n height: 100vh;\n min-height:100vh;\n max-width: none !important;\n margin-left: 0 !important;\n }\n\n .#{$close-reveal-modal-class} { @include reveal-close; }\n }\n\n dialog {\n @extend .#{$reveal-modal-class};\n display: none;\n\n &::backdrop, & + .backdrop {\n @include reveal-bg(false);\n }\n\n &[open]{\n display: block;\n }\n }\n\n // Reveal Print Styles: It should be invisible, adds no value being printed.\n @media print {\n dialog, .#{$reveal-modal-class} { \n display: none;\n background: $white !important;\n }\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n\n$include-html-nav-classes: $include-html-classes !default;\n\n// We use this to control padding.\n$side-nav-padding: rem-calc(14 0) !default;\n\n// We use these to control list styles.\n$side-nav-list-type: none !default;\n$side-nav-list-position: outside !default;\n$side-nav-list-margin: rem-calc(0 0 7 0) !default;\n\n// We use these to control link styles.\n$side-nav-link-color: $primary-color !default;\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;\n$side-nav-link-bg-hover: hsla(0deg, 0%, 0%, 0.025) !default;\n$side-nav-link-margin: 0 !default;\n$side-nav-link-padding: rem-calc(7 14) !default;\n$side-nav-font-size: rem-calc(14) !default;\n$side-nav-font-weight: $font-weight-normal !default;\n$side-nav-font-weight-active: $side-nav-font-weight !default;\n$side-nav-font-family: $body-font-family !default;\n$side-nav-font-family-active: $side-nav-font-family !default;\n\n// We use these to control heading styles.\n$side-nav-heading-color: $side-nav-link-color !default;\n$side-nav-heading-font-size: $side-nav-font-size !default;\n$side-nav-heading-font-weight: bold !default;\n$side-nav-heading-text-transform: uppercase !default;\n\n// We use these to control border styles\n$side-nav-divider-size: 1px !default;\n$side-nav-divider-style: solid !default;\n$side-nav-divider-color: scale-color($white, $lightness: 10%) !default;\n\n\n//\n// @mixins\n//\n\n\n// We use this to style the side-nav\n//\n// $divider-color - Border color of divider. Default: $side-nav-divider-color.\n// $font-size - Font size of nav items. Default: $side-nav-font-size.\n// $link-color - Color of navigation links. Default: $side-nav-link-color.\n// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover.\n@mixin side-nav($divider-color: $side-nav-divider-color,\n $font-size: $side-nav-font-size,\n $link-color: $side-nav-link-color,\n $link-color-hover: $side-nav-link-color-hover,\n $link-bg-hover: $side-nav-link-bg-hover) {\n display: block;\n margin: 0;\n padding: $side-nav-padding;\n list-style-type: $side-nav-list-type;\n list-style-position: $side-nav-list-position;\n font-family: $side-nav-font-family;\n\n li {\n margin: $side-nav-list-margin;\n font-size: $font-size;\n font-weight: $side-nav-font-weight;\n\n a:not(.button) {\n display: block;\n color: $link-color;\n margin: $side-nav-link-margin;\n padding: $side-nav-link-padding;\n\n &:hover,\n &:focus {\n background: $link-bg-hover;\n color: $link-color-hover;\n }\n }\n\n &.active>a:first-child:not(.button) {\n color: $side-nav-link-color-active;\n font-weight: $side-nav-font-weight-active;\n font-family: $side-nav-font-family-active;\n }\n\n &.divider {\n border-top: $side-nav-divider-size $side-nav-divider-style;\n height: 0;\n padding: 0;\n list-style: none;\n border-top-color: $divider-color;\n }\n\n &.heading {\n color: $side-nav-heading-color;\n\n font: {\n size: $side-nav-heading-font-size;\n weight: $side-nav-heading-font-weight;\n }\n\n text-transform: $side-nav-heading-text-transform;\n }\n }\n}\n\n@include exports(\"side-nav\") {\n @if $include-html-nav-classes {\n .side-nav {\n @include side-nav;\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @name _sub-nav.scss\n// @dependencies _global.scss\n//\n\n//\n// @variables\n//\n\n$include-html-nav-classes: $include-html-classes !default;\n\n// We use these to control margin and padding\n$sub-nav-list-margin: rem-calc(-4 0 18) !default;\n$sub-nav-list-padding-top: rem-calc(4) !default;\n\n// We use this to control the definition\n$sub-nav-font-family: $body-font-family !default;\n$sub-nav-font-size: rem-calc(14) !default;\n$sub-nav-font-color: $aluminum !default;\n$sub-nav-font-weight: $font-weight-normal !default;\n$sub-nav-text-decoration: none !default;\n$sub-nav-padding: rem-calc(3 16) !default;\n$sub-nav-border-radius: 3px !default;\n$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default;\n\n\n// We use these to control the active item styles\n\n$sub-nav-active-font-weight: $font-weight-normal !default;\n$sub-nav-active-bg: $primary-color !default;\n$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;\n$sub-nav-active-color: $white !default;\n$sub-nav-active-padding: $sub-nav-padding !default;\n$sub-nav-active-cursor: default !default;\n\n$sub-nav-item-divider: \"\" !default;\n$sub-nav-item-divider-margin: rem-calc(12) !default;\n\n//\n// @mixins\n//\n\n\n// Create a sub-nav item\n//\n// $font-color - Font color. Default: $sub-nav-font-color.\n// $font-size - Font size. Default: $sub-nav-font-size.\n// $active-bg - Background of active nav item. Default: $sub-nav-active-bg.\n// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover.\n@mixin sub-nav(\n $font-color: $sub-nav-font-color,\n $font-size: $sub-nav-font-size,\n $active-bg: $sub-nav-active-bg,\n $active-bg-hover: $sub-nav-active-bg-hover) {\n display: block;\n width: auto;\n overflow: hidden;\n margin: $sub-nav-list-margin;\n padding-top: $sub-nav-list-padding-top;\n\n dt {\n text-transform: uppercase;\n }\n\n dt,\n dd,\n li {\n float: $default-float;\n display: inline;\n margin-#{$default-float}: rem-calc(16);\n margin-bottom: 0;\n font-family: $sub-nav-font-family;\n font-weight: $sub-nav-font-weight;\n font-size: $font-size;\n color: $font-color;\n\n a {\n text-decoration: $sub-nav-text-decoration;\n color: $sub-nav-font-color;\n padding: $sub-nav-padding;\n &:hover {\n color: $sub-nav-font-color-hover;\n }\n }\n\n &.active a {\n @include radius($sub-nav-border-radius);\n font-weight: $sub-nav-active-font-weight;\n background: $active-bg;\n padding: $sub-nav-active-padding;\n cursor: $sub-nav-active-cursor;\n color: $sub-nav-active-color;\n &:hover {\n background: $active-bg-hover;\n }\n }\n @if $sub-nav-item-divider != \"\" {\n margin-#{$default-float}: 0;\n\n &:before {\n content: \"#{$sub-nav-item-divider}\";\n margin: 0 $sub-nav-item-divider-margin;\n }\n\n &:first-child:before {\n content: \"\";\n margin: 0;\n }\n }\n }\n}\n\n@include exports(\"sub-nav\") {\n @if $include-html-nav-classes {\n .sub-nav { @include sub-nav; }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @name _tables.scss\n// @dependencies _global.scss\n//\n\n//\n// @variables\n//\n\n$include-html-table-classes: $include-html-classes !default;\n\n// These control the background color for the table and even rows\n$table-bg: $white !default;\n$table-even-row-bg: $snow !default;\n\n// These control the table cell border style\n$table-border-style: solid !default;\n$table-border-size: 1px !default;\n$table-border-color: $gainsboro !default;\n\n// These control the table head styles\n$table-head-bg: $white-smoke !default;\n$table-head-font-size: rem-calc(14) !default;\n$table-head-font-color: $jet !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-padding: rem-calc(8 10 10) !default;\n\n// These control the table foot styles\n$table-foot-bg: $table-head-bg !default;\n$table-foot-font-size: $table-head-font-size !default;\n$table-foot-font-color: $table-head-font-color !default;\n$table-foot-font-weight: $table-head-font-weight !default;\n$table-foot-padding: $table-head-padding !default;\n\n// These control the caption\n$table-caption-bg: transparent !default;\n$table-caption-font-color: $table-head-font-color !default;\n$table-caption-font-size: rem-calc(16) !default;\n$table-caption-font-weight: bold !default;\n\n// These control the row padding and font styles\n$table-row-padding: rem-calc(9 10) !default;\n$table-row-font-size: rem-calc(14) !default;\n$table-row-font-color: $jet !default;\n$table-line-height: rem-calc(18) !default;\n\n// These are for controlling the layout, display and margin of tables\n$table-layout: auto !default;\n$table-display: table-cell !default;\n$table-margin-bottom: rem-calc(20) !default;\n\n\n//\n// @mixins\n//\n\n@mixin table {\n background: $table-bg;\n margin-bottom: $table-margin-bottom;\n border: $table-border-style $table-border-size $table-border-color;\n table-layout: $table-layout;\n\n caption {\n background: $table-caption-bg;\n color: $table-caption-font-color;\n font: {\n size: $table-caption-font-size;\n weight: $table-caption-font-weight;\n }\n }\n\n thead {\n background: $table-head-bg;\n\n tr {\n th,\n td {\n padding: $table-head-padding;\n font-size: $table-head-font-size;\n font-weight: $table-head-font-weight;\n color: $table-head-font-color;\n }\n }\n }\n\n tfoot {\n background: $table-foot-bg;\n\n tr {\n th,\n td {\n padding: $table-foot-padding;\n font-size: $table-foot-font-size;\n font-weight: $table-foot-font-weight;\n color: $table-foot-font-color;\n }\n }\n }\n\n tr {\n th,\n td {\n padding: $table-row-padding;\n font-size: $table-row-font-size;\n color: $table-row-font-color;\n text-align: $default-float;\n }\n\n &.even,\n &.alt,\n &:nth-of-type(even) { background: $table-even-row-bg; }\n }\n\n thead tr th,\n tfoot tr th,\n tfoot tr td,\n tbody tr th,\n tbody tr td,\n tr td { display: $table-display; line-height: $table-line-height; }\n}\n\n\n@include exports(\"table\") {\n @if $include-html-table-classes {\n table {\n @include table;\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @name _thumbs.scss\n// @dependencies _globals.scss\n//\n\n//\n// @variables\n//\n\n$include-html-media-classes: $include-html-classes !default;\n\n// We use these to control border styles\n$thumb-border-style: solid !default;\n$thumb-border-width: 4px !default;\n$thumb-border-color: $white !default;\n$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;\n$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;\n\n// Radius and transition speed for thumbs\n$thumb-radius: $global-radius !default;\n$thumb-transition-speed: 200ms !default;\n\n//\n// @mixins\n//\n\n// We use this to create image thumbnail styles.\n//\n// $border-width - Width of border around thumbnail. Default: $thumb-border-width.\n// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.\n// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.\n@mixin thumb(\n $border-width:$thumb-border-width, \n $box-shadow:$thumb-box-shadow, \n $box-shadow-hover:$thumb-box-shadow-hover) {\n line-height: 0;\n display: inline-block;\n border: $thumb-border-style $border-width $thumb-border-color;\n max-width: 100%;\n box-shadow: $box-shadow;\n\n &:hover,\n &:focus {\n box-shadow: $box-shadow-hover;\n }\n}\n\n\n@include exports(\"thumb\") {\n @if $include-html-media-classes {\n\n /* Image Thumbnails */\n .th {\n @include thumb;\n @include single-transition(all,$thumb-transition-speed,ease-out);\n\n &.radius { @include radius($thumb-radius); }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n$include-html-type-classes: $include-html-classes !default;\n\n// We use these to control header font styles\n$header-font-family: $body-font-family !default;\n$header-font-weight: $font-weight-normal !default;\n$header-font-style: $font-weight-normal !default;\n$header-font-color: $jet !default;\n$header-line-height: 1.4 !default;\n$header-top-margin: .2rem !default;\n$header-bottom-margin: .5rem !default;\n$header-text-rendering: optimizeLegibility !default;\n\n// We use these to control header font sizes\n$h1-font-size: rem-calc(44) !default;\n$h2-font-size: rem-calc(37) !default;\n$h3-font-size: rem-calc(27) !default;\n$h4-font-size: rem-calc(23) !default;\n$h5-font-size: rem-calc(18) !default;\n$h6-font-size: 1rem !default;\n\n// We use these to control header size reduction on small screens\n$h1-font-reduction: rem-calc(10) !default;\n$h2-font-reduction: rem-calc(10) !default;\n$h3-font-reduction: rem-calc(5) !default;\n$h4-font-reduction: rem-calc(5) !default;\n$h5-font-reduction: 0 !default;\n$h6-font-reduction: 0 !default;\n\n// These control how subheaders are styled.\n$subheader-line-height: 1.4 !default;\n$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;\n$subheader-font-weight: $font-weight-normal !default;\n$subheader-top-margin: .2rem !default;\n$subheader-bottom-margin: .5rem !default;\n\n// A general styling\n$small-font-size: 60% !default;\n$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;\n\n// We use these to style paragraphs\n$paragraph-font-family: inherit !default;\n$paragraph-font-weight: $font-weight-normal !default;\n$paragraph-font-size: 1rem !default;\n$paragraph-line-height: 1.6 !default;\n$paragraph-margin-bottom: rem-calc(20) !default;\n$paragraph-aside-font-size: rem-calc(14) !default;\n$paragraph-aside-line-height: 1.35 !default;\n$paragraph-aside-font-style: italic !default;\n$paragraph-text-rendering: optimizeLegibility !default;\n\n// We use these to style tags\n$code-color: $oil !default;\n$code-font-family: $font-family-monospace !default;\n$code-font-weight: $font-weight-normal !default;\n$code-background-color: scale-color($secondary-color, $lightness: 70%) !default;\n$code-border-size: 0px !default;\n$code-border-style: solid !default;\n$code-border-color: scale-color($code-background-color, $lightness: -10%) !default;\n$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;\n\n// We use these to style anchors\n$anchor-text-decoration: none !default;\n$anchor-text-decoration-hover: none !default;\n$anchor-font-color: $primary-color !default;\n$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default;\n\n// We use these to style the
element\n$hr-border-width: 1px !default;\n$hr-border-style: solid !default;\n$hr-border-color: $gainsboro !default;\n$hr-margin: rem-calc(20) !default;\n\n// We use these to style lists\n$list-font-family: $paragraph-font-family !default;\n$list-font-size: $paragraph-font-size !default;\n$list-line-height: $paragraph-line-height !default;\n$list-margin-bottom: $paragraph-margin-bottom !default;\n$list-style-position: outside !default;\n$list-side-margin: 1.1rem !default;\n$list-ordered-side-margin: 1.4rem !default;\n$list-side-margin-no-bullet: 0 !default;\n$list-nested-margin: rem-calc(20) !default;\n$definition-list-header-weight: $font-weight-bold !default;\n$definition-list-header-margin-bottom: .3rem !default;\n$definition-list-margin-bottom: rem-calc(12) !default;\n\n// We use these to style blockquotes\n$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;\n$blockquote-padding: rem-calc(9 20 0 19) !default;\n$blockquote-border: 1px solid $gainsboro !default;\n$blockquote-cite-font-size: rem-calc(13) !default;\n$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;\n$blockquote-cite-link-color: $blockquote-cite-font-color !default;\n\n// Acronym styles\n$acronym-underline: 1px dotted $gainsboro !default;\n\n// We use these to control padding and margin\n$microformat-padding: rem-calc(10 12) !default;\n$microformat-margin: rem-calc(0 0 20 0) !default;\n\n// We use these to control the border styles\n$microformat-border-width: 1px !default;\n$microformat-border-style: solid !default;\n$microformat-border-color: $gainsboro !default;\n\n// We use these to control full name font styles\n$microformat-fullname-font-weight: $font-weight-bold !default;\n$microformat-fullname-font-size: rem-calc(15) !default;\n\n// We use this to control the summary font styles\n$microformat-summary-font-weight: $font-weight-bold !default;\n\n// We use this to control abbr padding\n$microformat-abbr-padding: rem-calc(0 1) !default;\n\n// We use this to control abbr font styles\n$microformat-abbr-font-weight: $font-weight-bold !default;\n$microformat-abbr-font-decoration: none !default;\n\n// Text alignment class names\n$align-class-names:\n small-only,\n small,\n medium-only,\n medium,\n large-only,\n large,\n xlarge-only,\n xlarge,\n xxlarge-only,\n xxlarge;\n\n// Text alignment breakpoints\n$align-class-breakpoints:\n $small-only,\n $small-up,\n $medium-only,\n $medium-up,\n $large-only,\n $large-up,\n $xlarge-only,\n $xlarge-up,\n $xxlarge-only,\n $xxlarge-up;\n\n// Generates text align and justify classes\n@mixin align-classes{\n .text-left { text-align: left !important; }\n .text-right { text-align: right !important; }\n .text-center { text-align: center !important; }\n .text-justify { text-align: justify !important; }\n\n @for $i from 1 through length($align-class-names) {\n @media #{(nth($align-class-breakpoints, $i))} {\n .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }\n .#{(nth($align-class-names, $i))}-text-right { text-align: right !important; }\n .#{(nth($align-class-names, $i))}-text-center { text-align: center !important; }\n .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }\n }\n }\n}\n\n//\n// Typography Placeholders\n//\n\n// These will throw a deprecation warning if used within a media query.\n@mixin lead {\n font-size: $paragraph-font-size + rem-calc(3.5);\n line-height: 1.6;\n}\n\n@mixin subheader {\n line-height: $subheader-line-height;\n color: $subheader-font-color;\n font-weight: $subheader-font-weight;\n margin-top: $subheader-top-margin;\n margin-bottom: $subheader-bottom-margin;\n}\n@include exports(\"type\") {\n @if $include-html-type-classes {\n // Responsive Text alignment\n @include align-classes;\n\n /* Typography resets */\n div,\n dl,\n dt,\n dd,\n ul,\n ol,\n li,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n pre,\n form,\n p,\n blockquote,\n th,\n td {\n margin:0;\n padding:0;\n }\n\n /* Default Link Styles */\n a {\n color: $anchor-font-color;\n text-decoration: $anchor-text-decoration;\n line-height: inherit;\n\n &:hover,\n &:focus {\n color: $anchor-font-color-hover;\n @if $anchor-text-decoration-hover != $anchor-text-decoration {\n \ttext-decoration: $anchor-text-decoration-hover;\n }\n }\n\n img { border:none; }\n }\n\n /* Default paragraph styles */\n p {\n font-family: $paragraph-font-family;\n font-weight: $paragraph-font-weight;\n font-size: $paragraph-font-size;\n line-height: $paragraph-line-height;\n margin-bottom: $paragraph-margin-bottom;\n text-rendering: $paragraph-text-rendering;\n\n &.lead { @include lead; }\n\n & aside {\n font-size: $paragraph-aside-font-size;\n line-height: $paragraph-aside-line-height;\n font-style: $paragraph-aside-font-style;\n }\n }\n\n /* Default header styles */\n h1, h2, h3, h4, h5, h6 {\n font-family: $header-font-family;\n font-weight: $header-font-weight;\n font-style: $header-font-style;\n color: $header-font-color;\n text-rendering: $header-text-rendering;\n margin-top: $header-top-margin;\n margin-bottom: $header-bottom-margin;\n line-height: $header-line-height;\n\n small {\n font-size: $small-font-size;\n color: $small-font-color;\n line-height: 0;\n }\n }\n\n h1 { font-size: $h1-font-size - $h1-font-reduction; }\n h2 { font-size: $h2-font-size - $h2-font-reduction; }\n h3 { font-size: $h3-font-size - $h3-font-reduction; }\n h4 { font-size: $h4-font-size - $h4-font-reduction; }\n h5 { font-size: $h5-font-size - $h5-font-reduction; }\n h6 { font-size: $h6-font-size - $h6-font-reduction; }\n\n .subheader { @include subheader; }\n\n hr {\n border: $hr-border-style $hr-border-color;\n border-width: $hr-border-width 0 0;\n clear: both;\n margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width));\n height: 0;\n }\n\n /* Helpful Typography Defaults */\n em,\n i {\n font-style: italic;\n line-height: inherit;\n }\n\n strong,\n b {\n font-weight: $font-weight-bold;\n line-height: inherit;\n }\n\n small {\n font-size: $small-font-size;\n line-height: inherit;\n }\n\n code {\n font-family: $code-font-family;\n font-weight: $code-font-weight;\n color: $code-color;\n background-color: $code-background-color;\n border-width: $code-border-size;\n border-style: $code-border-style;\n border-color: $code-border-color;\n padding: $code-padding;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n font-size: $list-font-size;\n line-height: $list-line-height;\n margin-bottom: $list-margin-bottom;\n list-style-position: $list-style-position;\n font-family: $list-font-family;\n }\n\n ul {\n margin-#{$default-float}: $list-side-margin;\n &.no-bullet {\n margin-#{$default-float}: $list-side-margin-no-bullet;\n li {\n ul,\n ol {\n margin-#{$default-float}: $list-nested-margin;\n margin-bottom: 0;\n list-style: none;\n }\n }\n }\n }\n\n /* Unordered Lists */\n ul {\n li {\n ul,\n ol {\n margin-#{$default-float}: $list-nested-margin;\n margin-bottom: 0;\n }\n }\n &.square,\n &.circle,\n &.disc {\n li ul { list-style: inherit; }\n }\n\n &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;}\n &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;}\n &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;}\n &.no-bullet { list-style: none; }\n }\n\n /* Ordered Lists */\n ol {\n margin-#{$default-float}: $list-ordered-side-margin;\n li {\n ul,\n ol {\n margin-#{$default-float}: $list-nested-margin;\n margin-bottom: 0;\n }\n }\n }\n\n /* Definition Lists */\n dl {\n dt {\n margin-bottom: $definition-list-header-margin-bottom;\n font-weight: $definition-list-header-weight;\n }\n dd { margin-bottom: $definition-list-margin-bottom; }\n }\n\n /* Abbreviations */\n abbr,\n acronym {\n text-transform: uppercase;\n font-size: 90%;\n color: $body-font-color;\n cursor: $cursor-help-value;\n }\n abbr {\n text-transform: none;\n &[title] {\n border-bottom: $acronym-underline;\n }\n }\n\n /* Blockquotes */\n blockquote {\n margin: 0 0 $paragraph-margin-bottom;\n padding: $blockquote-padding;\n border-#{$default-float}: $blockquote-border;\n\n cite {\n display: block;\n font-size: $blockquote-cite-font-size;\n color: $blockquote-cite-font-color;\n &:before {\n content: \"\\2014 \\0020\";\n }\n\n a,\n a:visited {\n color: $blockquote-cite-link-color;\n }\n }\n }\n blockquote,\n blockquote p {\n line-height: $paragraph-line-height;\n color: $blockquote-font-color;\n }\n\n /* Microformats */\n .vcard {\n display: inline-block;\n margin: $microformat-margin;\n border: $microformat-border-width $microformat-border-style $microformat-border-color;\n padding: $microformat-padding;\n\n li {\n margin: 0;\n display: block;\n }\n .fn {\n font-weight: $microformat-fullname-font-weight;\n font-size: $microformat-fullname-font-size;\n }\n }\n\n .vevent {\n .summary { font-weight: $microformat-summary-font-weight; }\n\n abbr {\n cursor: $cursor-default-value;\n text-decoration: $microformat-abbr-font-decoration;\n font-weight: $microformat-abbr-font-weight;\n border: none;\n padding: $microformat-abbr-padding;\n }\n }\n\n\n @media #{$medium-up} {\n h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }\n h1 { font-size: $h1-font-size; }\n h2 { font-size: $h2-font-size; }\n h3 { font-size: $h3-font-size; }\n h4 { font-size: $h4-font-size; }\n h5 { font-size: $h5-font-size; }\n h6 { font-size: $h6-font-size; }\n }\n\n // Only include these styles if you want them.\n @if $include-print-styles {\n /*\n * Print styles.\n *\n * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/\n * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)\n */\n .print-only { display: none !important; }\n @media print {\n * {\n background: transparent !important;\n color: $black !important; /* Black prints faster: h5bp.com/s */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited { text-decoration: underline;}\n a[href]:after { content: \" (\" attr(href) \")\"; }\n\n abbr[title]:after { content: \" (\" attr(title) \")\"; }\n\n // Don't show links for images, or javascript/internal links\n .ir a:after,\n a[href^=\"javascript:\"]:after,\n a[href^=\"#\"]:after { content: \"\"; }\n\n pre,\n blockquote {\n border: 1px solid $aluminum;\n page-break-inside: avoid;\n }\n\n thead { display: table-header-group; /* h5bp.com/t */ }\n\n tr,\n img { page-break-inside: avoid; }\n\n img { max-width: 100% !important; }\n\n @page { margin: 0.5cm; }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 { page-break-after: avoid; }\n\n .hide-on-print { display: none !important; }\n .print-only { display: block !important; }\n .hide-for-print { display: none !important; }\n .show-for-print { display: inherit !important; }\n }\n }\n\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Foundation Visibility Classes\n//\n$include-html-visibility-classes: $include-html-classes !default;\n$include-accessibility-classes: true !default;\n$include-table-visibility-classes: true !default;\n$include-legacy-visibility-classes: true !default;\n\n//\n// Media Class Names\n//\n// Visibility Breakpoints\n$visibility-breakpoint-sizes:\n small,\n medium,\n large,\n xlarge,\n xxlarge;\n\n$visibility-breakpoint-queries:\n unquote($small-up),\n unquote($medium-up),\n unquote($large-up),\n unquote($xlarge-up),\n unquote($xxlarge-up);\n\n@mixin visibility-loop {\n @each $current-visibility-breakpoint in $visibility-breakpoint-sizes {\n $visibility-inherit-list: ();\n $visibility-none-list: ();\n\n $visibility-visible-list: ();\n $visibility-hidden-list: ();\n\n $visibility-table-list: ();\n $visibility-table-header-group-list: ();\n $visibility-table-row-group-list: ();\n $visibility-table-row-list: ();\n $visibility-table-cell-list: ();\n\n @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes {\n @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\n // Smaller than current breakpoint\n\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n\n // Foundation 4 compatibility:\n // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\n // for small, medium, and large breakpoints only\n @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n }\n\n } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\n // Larger than current breakpoint\n\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n\n // Foundation 4 compatibility:\n // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\n // for small, medium, and large breakpoints only\n @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n }\n\n } @else {\n // Current breakpoint\n\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n\n // Foundation 4 compatibility:\n // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\n // for small, medium, and large breakpoints only\n @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n }\n }\n }\n\n /* #{$current-visibility-breakpoint} displays */\n @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} {\n #{$visibility-inherit-list} {\n display: inherit !important;\n }\n #{$visibility-none-list} {\n display: none !important;\n }\n @if $include-accessibility-classes != false {\n #{$visibility-visible-list} {\n @include element-invisible-off;\n }\n #{$visibility-hidden-list} {\n @include element-invisible;\n }\n }\n @if $include-table-visibility-classes != false {\n #{$visibility-table-list} {\n display: table !important;\n }\n #{$visibility-table-header-group-list} {\n display: table-header-group !important;\n }\n #{$visibility-table-row-group-list} {\n display: table-row-group !important;\n }\n #{$visibility-table-row-list} {\n display: table-row !important;\n }\n #{$visibility-table-cell-list} {\n display: table-cell !important;\n }\n }\n }\n }\n}\n\n\n@if $include-html-visibility-classes != false {\n\n @include visibility-loop;\n\n /* Orientation targeting */\n .show-for-landscape,\n .hide-for-portrait { display: inherit !important; }\n .hide-for-landscape,\n .show-for-portrait { display: none !important; }\n\n /* Specific visibility for tables */\n table {\n &.hide-for-landscape,\n &.show-for-portrait { display: table !important; }\n }\n thead {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-header-group !important; }\n }\n tbody {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-row-group !important; }\n }\n tr {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-row !important; }\n }\n td,\n th {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-cell !important; }\n }\n\n @media #{$landscape} {\n .show-for-landscape,\n .hide-for-portrait { display: inherit !important; }\n .hide-for-landscape,\n .show-for-portrait { display: none !important; }\n\n /* Specific visibility for tables */\n table {\n &.show-for-landscape,\n &.hide-for-portrait { display: table !important; }\n }\n thead {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-header-group !important; }\n }\n tbody {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-row-group !important; }\n }\n tr {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-row !important; }\n }\n td,\n th {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-cell !important; }\n }\n }\n\n @media #{$portrait} {\n .show-for-portrait,\n .hide-for-landscape { display: inherit !important; }\n .hide-for-portrait,\n .show-for-landscape { display: none !important; }\n\n /* Specific visibility for tables */\n table {\n &.show-for-portrait,\n &.hide-for-landscape { display: table !important; }\n }\n thead {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-header-group !important; }\n }\n tbody {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-row-group !important; }\n }\n tr {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-row !important; }\n }\n td,\n th {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-cell !important; }\n }\n }\n\n /* Touch-enabled device targeting */\n .show-for-touch { display: none !important; }\n .hide-for-touch { display: inherit !important; }\n .touch .show-for-touch { display: inherit !important; }\n .touch .hide-for-touch { display: none !important; }\n\n /* Specific visibility for tables */\n table.hide-for-touch { display: table !important; }\n .touch table.show-for-touch { display: table !important; }\n thead.hide-for-touch { display: table-header-group !important; }\n .touch thead.show-for-touch { display: table-header-group !important; }\n tbody.hide-for-touch { display: table-row-group !important; }\n .touch tbody.show-for-touch { display: table-row-group !important; }\n tr.hide-for-touch { display: table-row !important; }\n .touch tr.show-for-touch { display: table-row !important; }\n td.hide-for-touch { display: table-cell !important; }\n .touch td.show-for-touch { display: table-cell !important; }\n th.hide-for-touch { display: table-cell !important; }\n .touch th.show-for-touch { display: table-cell !important; }\n\n\n /* Print visibility */\n @media print {\n .show-for-print { display: block; }\n .hide-for-print { display: none; }\n\n table.show-for-print { display: table !important; }\n thead.show-for-print { display: table-header-group !important; }\n tbody.show-for-print { display: table-row-group !important; }\n tr.show-for-print { display: table-row !important; }\n td.show-for-print { display: table-cell !important; }\n th.show-for-print { display: table-cell !important; }\n\n }\n\n}\n","@charset \"utf-8\";\n/* TOC – Typography\n\nCheck typography variables › _3_typography_settings.scss\n\n- Links\n- Customize Foundation Typography\n- Headlines\n- Images\n- Lists\n- Tables\n- Code\n- Quotes\n- Typography for Articles\n- Smaller Fontsize for Bigteaser on small devices\n- Additional typographical elements\n- Footnotes\n- Icon Font\n\n*/\n\n\n\n/* Links\n------------------------------------------------------------------- */\n\na,\na:link {\n transition: all .4s;\n color: $link-unvisited;\n}\n\na:visited {\n border-bottom: $grey-2;\n color: $link-visited;\n}\n\na:hover {\n color: $link-hover;\n}\n\na:focus {\n color: $link-focus;\n}\n\na:active {\n color: $link-active;\n}\n\n\n\n/* Customize Foundation Typography\n------------------------------------------------------------------- */\n\np {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n -ms-word-break: normal;\n /* Non standard for webkit */\n word-break: normal;\n}\np a,\narticle a {\n font-weight: bold;\n border-bottom: 1px dotted;\n}\np a:hover,\narticle a:hover {\n border-bottom: 2px solid;\n}\np a.button,\n.button,\n.button:hover {\n border: 0;\n color: #fff;\n}\np.button a {\n border: 0;\n color: #fff;\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n\n\n/* Headlines\n The hK::before logic is to accomodate a vert. offset for persistent\n top of page menu. The logic is copied from\n https://css-tricks.com/hash-tag-links-padding/\n------------------------------------------------------------------- */\n\nh1, h2, h3, h4, h5, h6 {\n font-family: $header-font-family;\n font-weight: normal;\n padding: 0;\n}\nh1 {\n font-size: $font-size-h1;\n margin-top: 0;\n}\nh2 {\n font-size: $font-size-h2;\n margin: 1.563em 0 0 0;\n}\n .blog-index h2 {\n margin-top: 0;\n }\nh3 {\n font-size: $font-size-h3;\n margin: 1.152em 0 0 0;\n}\nh4 {\n font-size: $font-size-h4;\n margin: 1.152em 0 0 0;\n}\nh5 {\n font-size: $font-size-h5;\n margin: 1em 0 0 0;\n}\n\n\n\n/* Images\n------------------------------------------------------------------- */\n\nimg { border-radius: $global-radius;}\n img.alignleft,\n img.left { float: left; margin:5px 15px 5px 0; }\n img.alignright,\n img.right { float: right; margin:5px 0 5px 15px; }\n img.aligncenter,\n img.center { display: block; margin:0 auto 10px; }\n\nfigure {\n margin: 0 0 rem-calc(30) 0;\n}\n#masthead-with-background-color figure,\n#masthead-with-pattern figure {\n margin: 0;\n}\nfigcaption,\n.masthead-caption {\n color: $grey-10;\n font-family: $font-family-sans-serif;\n font-size: rem-calc(13);\n padding-top: rem-calc(2);\n}\nfigcaption a,\n.masthead-caption a {\n border-bottom: 1px dotted $grey-4;\n color: $grey-10;\n}\nfigcaption a:hover,\n.masthead-caption a:hover {\n border-bottom: 2px solid $primary-color;\n color: $primary-color;\n}\n.masthead-caption {\n padding-right: 10px;\n text-align: right;\n}\n\n\n\n/* Tables\n------------------------------------------------------------------- */\n\ntd {\n vertical-align: top;\n}\n\n\n\n/* Code\n------------------------------------------------------------------- */\n\npre {\n overflow: auto;\n margin-bottom: rem-calc(20);\n padding: 5px;\n background-color: $code-background-color;\n border-radius: $global-radius;\n}\npre code {\n padding: rem-calc(2) rem-calc(5) rem-calc(1) rem-calc(0);\n border: 0;\n}\n\ncode {\n font-size: rem-calc(14);\n line-height: 1.5;\n}\n\n\n\n/* Lists\n------------------------------------------------------------------- */\n\nul, ol {\n margin-left: 20px;\n padding: 0;\n}\nli {\n margin-left: 0;\n}\n\n.no-bullet {\n list-style: none;\n margin-left: 0;\n}\n\nli {\n > ul,\n > ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n\n}\ndt:first-child {\n padding-top: 0px;\n}\ndt {\n font-weight: bold;\n padding-top: 30px;\n}\ndd {\n}\narticle dl dt { line-height: 1.3; }\narticle dl dd { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }\n\n\n\n/* Quotes\n------------------------------------------------------------------- */\n\nblockquote {\n font-style: italic;\n position: relative;\n border: none;\n margin: 0 30px 30px 30px;\n color: $grey-11;\n}\n\n blockquote p {font-style: italic; color: $grey-10; }\n\n blockquote:before {\n display:block;content:\"\\00BB\";\n font-size:80px;\n line-height: 0;\n position:absolute;\n left:-25px;\n top: auto;\n color: $grey-11;\n }\n blockquote:after {\n display:block;\n content:\"\\00AB\";\n font-size:80px;\n line-height: 0;\n position:absolute;\n right:-10px;\n bottom: 20px;\n color: $grey-11;\n }\n blockquote cite:before {\n content:\"\\2014 \\0020\"\n }\n blockquote cite a,blockquote cite a:visited {\n color: $grey-10;\n }\ncite {\n padding-top: 5px;\n}\n\nbutton, .button {\n letter-spacing: 1px;\n}\n\nmark {\n background-color: scale-color($warning-color, $lightness: 60%);\n}\n\n\n\n/* Typography for Articles\n------------------------------------------------------------------- */\n\n.subheadline {\n font-size: rem-calc(16);\n margin: 0;\n text-transform: uppercase;\n}\n.teaser {\n font-size: rem-calc(20);\n}\n.big-teaser {\n font-style: italic; font-weight: 300;\n}\n.big-teaser a {\n font-style: italic; font-weight: 400;\n}\n\n/* Smaller Fontsize for Bigteaser on small devices */\n@media only screen {\n .big-teaser {\n font-size: rem-calc(20);\n }\n}\n@media only screen and (min-width: 40.063em) {\n .big-teaser {\n font-size: rem-calc(29);\n }\n}\n\n\n\n/* Additional typographical elements\n------------------------------------------------------------------- */\n\n.sans { font-family: $font-family-sans-serif; }\n.serif { font-family: $font-family-serif; }\n\n.font-size-h1 { font-size: $font-size-h1; }\n.font-size-h2 { font-size: $font-size-h2; }\n.font-size-h3 { font-size: $font-size-h3; }\n.font-size-h4 { font-size: $font-size-h4; }\n.font-size-h5 { font-size: $font-size-h5; }\n.font-size-p { font-size: $font-size-p; }\n\n\n\n/* Footnotes\n------------------------------------------------------------------- */\n\n.footnotes:before {\n content: \"\";\n position: absolute;\n height: 1px;\n width: 60px;\n margin-top: -10px;\n border-bottom: 1px solid $grey-2;\n}\n.footnotes {\n margin-top: 60px;\n}\n.footnotes ol {\n font-size: $font-size-small;\n}\n.footnotes p {\n font-size: inherit;\n margin-bottom: 0;\n}\n\n\n\n\n/* Icon Font\n See the icon-set/preview in /assets/fonts/iconfont-preview.html\n------------------------------------------------------------------- */\n\n@font-face {\n font-family: 'iconfont';\n src: url('../fonts/iconfont.eot'); /* IE9 Compat Modes */\n src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/iconfont.woff') format('woff'), /* Pretty Modern Browsers */\n url('../fonts/iconfont.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/iconfont.svg#svgFontName') format('svg'); /* Legacy iOS */\n}\n\n.iconfont { font-family: iconfont; }\n.iconfont-48 { font-size: 48px; }\n\n\n[data-icon]:before { content: attr(data-icon); }\n\n[data-icon]:before,\n.icon-archive:before,\n.icon-browser:before,\n.icon-calendar:before,\n.icon-camera:before,\n.icon-chat:before,\n.icon-check:before,\n.icon-chevron-down:before,\n.icon-chevron-left:before,\n.icon-chevron-right:before,\n.icon-chevron-up:before,\n.icon-circle-with-cross:before,\n.icon-circle-with-minus:before,\n.icon-circle-with-plus:before,\n.icon-cloud:before,\n.icon-code:before,\n.icon-cog:before,\n.icon-dropbox:before,\n.icon-edit:before,\n.icon-export:before,\n.icon-eye:before,\n.icon-facebook:before,\n.icon-feather:before,\n.icon-github:before,\n.icon-globe:before,\n.icon-googleplus:before,\n.icon-heart:before,\n.icon-heart-outlined:before,\n.icon-home:before,\n.icon-instagram:before,\n.icon-lab-flask:before,\n.icon-leaf:before,\n.icon-linkedin:before,\n.icon-mail:before,\n.icon-message:before,\n.icon-mic:before,\n.icon-network:before,\n.icon-paper-plane:before,\n.icon-pinterest:before,\n.icon-price-tag:before,\n.icon-rocket:before,\n.icon-rss:before,\n.icon-soundcloud:before,\n.icon-star:before,\n.icon-star-outlined:before,\n.icon-thumbs-down:before,\n.icon-thumbs-up:before,\n.icon-tree:before,\n.icon-tumblr:before,\n.icon-twitter:before,\n.icon-upload-to-cloud:before,\n.icon-video:before,\n.icon-vimeo:before,\n.icon-warning:before,\n.icon-xing:before,\n.icon-youtube:before {\n display: inline-block;\nfont-family: \"iconfont\";\nfont-style: normal;\nfont-weight: normal;\nfont-variant: normal;\nline-height: 1;\ntext-decoration: inherit;\ntext-rendering: optimizeLegibility;\ntext-transform: none;\n-moz-osx-font-smoothing: grayscale;\n-webkit-font-smoothing: antialiased;\nfont-smoothing: antialiased;\n}\n\n.icon-archive:before { content: \"\\f100\"; }\n.icon-browser:before { content: \"\\f101\"; }\n.icon-calendar:before { content: \"\\f133\"; }\n.icon-camera:before { content: \"\\f102\"; }\n.icon-chat:before { content: \"\\f103\"; }\n.icon-check:before { content: \"\\f104\"; }\n.icon-chevron-down:before { content: \"\\f105\"; }\n.icon-chevron-left:before { content: \"\\f106\"; }\n.icon-chevron-right:before { content: \"\\f107\"; }\n.icon-chevron-up:before { content: \"\\f108\"; }\n.icon-circle-with-cross:before { content: \"\\f109\"; }\n.icon-circle-with-minus:before { content: \"\\f10a\"; }\n.icon-circle-with-plus:before { content: \"\\f10b\"; }\n.icon-cloud:before { content: \"\\f10c\"; }\n.icon-code:before { content: \"\\f10d\"; }\n.icon-cog:before { content: \"\\f10e\"; }\n.icon-dropbox:before { content: \"\\f10f\"; }\n.icon-edit:before { content: \"\\f110\"; }\n.icon-export:before { content: \"\\f111\"; }\n.icon-eye:before { content: \"\\f112\"; }\n.icon-facebook:before { content: \"\\f113\"; }\n.icon-feather:before { content: \"\\f114\"; }\n.icon-github:before { content: \"\\f115\"; }\n.icon-globe:before { content: \"\\f116\"; }\n.icon-googleplus:before { content: \"\\f136\"; }\n.icon-heart:before { content: \"\\f117\"; }\n.icon-heart-outlined:before { content: \"\\f118\"; }\n.icon-home:before { content: \"\\f119\"; }\n.icon-instagram:before { content: \"\\f11a\"; }\n.icon-lab-flask:before { content: \"\\f11b\"; }\n.icon-leaf:before { content: \"\\f11c\"; }\n.icon-linkedin:before { content: \"\\f11d\"; }\n.icon-mail:before { content: \"\\f11e\"; }\n.icon-message:before { content: \"\\f11f\"; }\n.icon-mic:before { content: \"\\f120\"; }\n.icon-network:before { content: \"\\f121\"; }\n.icon-paper-plane:before { content: \"\\f122\"; }\n.icon-pinterest:before { content: \"\\f123\"; }\n.icon-price-tag:before { content: \"\\f124\"; }\n.icon-rocket:before { content: \"\\f125\"; }\n.icon-rss:before { content: \"\\f126\"; }\n.icon-soundcloud:before { content: \"\\f127\"; }\n.icon-star:before { content: \"\\f128\"; }\n.icon-star-outlined:before { content: \"\\f129\"; }\n.icon-thumbs-down:before { content: \"\\f12a\"; }\n.icon-thumbs-up:before { content: \"\\f12b\"; }\n.icon-tree:before { content: \"\\f134\"; }\n.icon-tumblr:before { content: \"\\f12c\"; }\n.icon-twitter:before { content: \"\\f12d\"; }\n.icon-upload-to-cloud:before { content: \"\\f12e\"; }\n.icon-video:before { content: \"\\f12f\"; }\n.icon-vimeo:before { content: \"\\f130\"; }\n.icon-warning:before { content: \"\\f131\"; }\n.icon-xing:before { content: \"\\f135\"; }\n.icon-youtube:before { content: \"\\f132\"; }\n","@charset \"utf-8\";\n/* TOC\n\n- Adjustments: Video Layout\n- Navigation\n- Search\n- Masthead\n- Masthead › small-only\n- Masthead › medium-only\n- Masthead › large-only\n- Masthead › xlarge-up\n- Breadcrumb\n- Meta\n- Jump to top\n- Footer\n- Subfooter\n- CSS-Classes to add margin at top or bottom\n\n*/\n\n\n\n/* Adjustments: Video Layout\n------------------------------------------------------------------- */\n\nbody.video,\nbody.video #masthead-no-image-header { background: #000; }\nbody.video #masthead-no-image-header { margin-bottom: 60px; }\nbody.video h1,\nbody.video h2,\nbody.video h3,\nbody.video h4,\nbody.video h5,\nbody.video h6,\nbody.video p,\nbody.video a,\nbody.video blockquote:before,\nbody.video blockquote:after,\nbody.video cite a, { color: #fff; }\nbody.video cite a:visited, { color: #fff; }\nbody.video cite { color: #fff; }\n\n\n\n/* Navigation\n------------------------------------------------------------------- */\n\n#navigation {\n -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);\n box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);\n\n [class^='icon-']:before, [class*=' icon-']:before {\n margin-right: rem-calc(8);\n }\n}\n\n\n\n/* Search\n------------------------------------------------------------------- */\n\n.no-js form#search {\n display: none;\n}\n\n\n\n/* Masthead\n------------------------------------------------------------------- */\n\n#masthead {\n background-color: $primary-color;\n}\n#masthead-no-image-header {\n background-color: $primary-color;\n}\n#masthead-with-text {\n text-align: center;\n font-size: rem-calc(54);\n font-family: $header-font-family;\n color: #fff;\n text-transform: uppercase;\n text-shadow: 0 2px 3px rgba(0,0,0,.4);\n}\n#masthead-no-image-header {\n height: 100px;\n background-color: rgba(63,175,70,1);\n}\n#masthead-no-image-header #logo img {\n margin-top: 10px;\n}\n\n// Made height/margin-top smaller for what wanted and half on small screen.\n\n/* Masthead › small-only\n------------------------------------------------------------------- */\n\n// Wanted to keep logo even on small screen so disable.\n@media #{$small-only} {\n // #logo img {\n // display: none;\n // }\n #logo img {\n margin-top: 30px;\n }\n #masthead {\n height: 100px;\n }\n #masthead-with-pattern {\n padding: 15px 0;\n }\n #masthead-with-background-color {\n padding: 15px 0;\n }\n #masthead-with-text {\n height: 220px;\n padding: 30px 0;\n font-size: rem-calc(36);\n }\n // #masthead-no-image-header {\n // display: none;\n // }\n #masthead-no-image-header #logo img {\n margin-top: 35px;\n }\n}\n\n\n/* Masthead › medium-only\n------------------------------------------------------------------- */\n\n@media #{$medium-only} {\n #logo img {\n margin-top: 60px;\n }\n #masthead {\n height: 200px;\n }\n #masthead-with-pattern {\n padding: 20px 0;\n }\n #masthead-with-background-color {\n padding: 20px 0;\n }\n #masthead-with-text {\n padding: 60px 0;\n height: 300px;\n }\n #masthead-no-image-header #logo img {\n margin-top: 20px;\n }\n}\n\n\n/* Masthead › large-only\n------------------------------------------------------------------- */\n\n@media #{$large-only} {\n #logo img {\n margin-top: 60px;\n }\n #masthead {\n height: 200px;\n }\n #masthead-with-pattern {\n padding: 30px 0;\n }\n #masthead-with-background-color {\n padding: 30px 0;\n }\n #masthead-with-text {\n height: 330px;\n padding: 60px 0;\n }\n}\n\n\n/* Masthead › xlarge-up\n------------------------------------------------------------------- */\n\n@media #{$xlarge-up} {\n #logo img {\n margin-top: 60px;\n }\n #masthead {\n height: 200px;\n }\n #masthead-with-pattern {\n padding: 45px 0;\n }\n #masthead-with-background-color {\n padding: 45px 0;\n }\n #masthead-with-text {\n padding: 95px 0;\n height: 400px;\n }\n}\n\n\n#title-image-small {\n height: 240px;\n}\n#title-image-large {\n height: 520px;\n}\n#title-image-index-small {\n height: 120px;\n}\n#title-image-index-large {\n height: 260px;\n}\n\n\n\n/* Breadcrumb\n------------------------------------------------------------------- */\n\n#breadcrumb {\n background: scale-color($grey-1, $lightness: 55%);\n border-top: 1px solid scale-color($grey-1, $lightness: 45%);\n border-bottom: 1px solid scale-color($grey-1, $lightness: 45%);\n}\n.breadcrumbs>.current {\n font-weight: bold;\n}\n\n\n/* Meta\n------------------------------------------------------------------- */\n\n#page-meta, #page-meta a {\n color: $grey-5;\n}\n\n#page-meta .button {\n background: $grey-5;\n border: 0;\n}\n#page-meta .button {\n color: #fff;\n}\n#page-meta .button:hover {\n background: $primary-color;\n}\n.meta-info p {\n font-size: rem-calc(13);\n color: scale-color($grey-1, $lightness: 40%);\n}\n .meta-info a {\n text-decoration: underline;\n color: scale-color($grey-1, $lightness: 40%);\n }\n .meta-info a:hover {\n text-decoration: none;\n color: $secondary-color;\n }\n\n\n\n/* Jump to top\n------------------------------------------------------------------- */\n\n#up-to-top {\n padding: 30px 0 10px 0;\n}\n#up-to-top a {\n font-size: 24px;\n padding: 5px;\n border-radius: 3px;\n}\n#up-to-top a:hover {\n background: $grey-2;\n}\n\n\n\n/* Footer\n------------------------------------------------------------------- */\n\n#footer-content p,\n#footer-content li {\n font-size: rem-calc(13);\n font-weight: 300;\n}\n\n#footer {\n padding-top: 30px;\n padding-bottom: 20px;\n background: $footer-bg;\n color: $footer-color;\n }\n\n #footer a {\n color: $footer-link-color;\n }\n #footer h4,\n #footer h5 {\n letter-spacing: 1px;\n color: #fff;\n text-transform: uppercase;\n }\n\n\n\n/* Subfooter\n------------------------------------------------------------------- */\n\n#subfooter {\n background: $subfooter-bg;\n color: $subfooter-color;\n padding-top: 30px;\n}\n\n#subfooter-left ul.inline-list {\n float: left;\n}\n\n.credits a {\n color: $subfooter-link-color;\n border: 0;\n text-transform: uppercase;\n &:hover {\n color: #fff;\n }\n}\n\n.social-icons {\n margin-bottom: 10px !important;\n\n// Beware of SCSS-Syntax here\n li {\n padding: 0 0 20px 0;\n }\n a {\n font-size: rem-calc(23);\n display: block;\n width: 36px;\n border-radius: 50%;\n color: $subfooter-bg;\n background: $subfooter-color;\n text-align: center;\n &:hover {\n background: $subfooter-bg;\n color: #fff;\n }\n }\n}\n\n\n\n/* CSS-Classes to add margin at top or bottom\n------------------------------------------------------------------- */\n\n.t10 { margin-top: 10px !important; }\n.t15 { margin-top: 15px !important; }\n.t20 { margin-top: 20px !important; }\n.t30 { margin-top: 30px !important; }\n.t50 { margin-top: 50px !important; }\n.t60 { margin-top: 60px !important; }\n.t70 { margin-top: 70px !important; }\n.t80 { margin-top: 80px !important; }\n.t90 { margin-top: 90px !important; }\n\n.b15 { margin-bottom: 15px !important; }\n.b20 { margin-bottom: 20px !important; }\n.b30 { margin-bottom: 30px !important; }\n.b60 { margin-bottom: 60px !important; }\n\n.l15 { margin-left: 15px !important; }\n.r15 { margin-right: 15px !important; }\n\n.pl20 { padding-left: 20px !important; }\n.pr5 { padding-right: 5px !important; }\n.pr10 { padding-right: 10px !important; }\n.pr20 { padding-right: 20px !important; }\n","@charset \"utf-8\";\n/* TOC\n\n- Table of Contents (Index)\n- Panel\n- Shadows\n- Alerts\n- Breadcrumb\n- Button\n- Side-Nav\n- Accordion\n- Lazy Load XT\n- Frontpage Widget\n\n*/\n\n\n\n/* Table of Contents (Index)\n------------------------------------------------------------------- */\n\n#toc ul,\n#toc ul ul,\n#toc ul ul ul, {\n list-style: none;\n margin-left: 30px;\n}\n#toc ul {\n margin-left: 0;\n margin-top: $spacing-unit;\n}\n\n\n\n/* Panel\n------------------------------------------------------------------- */\n\n.border-dotted {\n border: 1px dotted $grey-5;\n padding: rem-calc(20);\n border-radius: $global-radius;\n}\n\n\n\n/* Shadows\n------------------------------------------------------------------- */\n\n.shadow-no {text-shadow: rgba(0, 0, 0, 0) 0 0 0;}\n.shadow-black {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;}\n.shadow-white {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;}\n\n\n\n/* Alerts\n------------------------------------------------------------------- */\n\n.alert-box {\n font-family: $font-family-sans-serif;\n text-shadow: 0px 1px 1px rgba(0,0,0,0.9);\n}\n .alert-box p {\n margin-bottom: 0;\n }\n .alert-box a {\n text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);\n color: #fff;\n border-bottom: 1px dotted #fff;\n }\n .alert-box a:hover {\n border-bottom: 1px solid #fff;\n }\n .alert-box.terminal {\n background: $grey-12; \n color: #fff; \n border-color: scale-color($grey-12, $lightness: -14%);\n font-family: $font-family-monospace;\n }\n .alert-box.terminal::before {\n content: \"$ \";\n color: $ci-6;\n float: left;\n margin: .25em .5em 0 0;\n }\n .alert-box.text {\n background-color: $grey-2;\n text-shadow: 0px 0px 0px rgba(0,0,0,0.9);\n border-color: scale-color($grey-2, $lightness: -14%);\n color: $grey-12;\n }\n\n\n\n/* Button\n------------------------------------------------------------------- */\n\nbutton, .button { letter-spacing: 1px; }\n button.grey, .button.grey { background: $grey-10; }\n button.grey:hover,\n button.grey:focus,\n .button.grey:hover,\n .button.grey:focus { background-color: $grey-16; }\n\n\n\n/* Side-Nav\n------------------------------------------------------------------- */\n\n.side-nav li.title { text-transform: uppercase;}\n.side-nav li { border-top: 1px solid $grey-3;}\n.side-nav li a:not(.button) { border-bottom: 0; padding: 0.4375rem 0rem; }\n.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: $grey-1; }\n\n.homepage p { margin: 0; padding: 0; color: $grey-10; }\n\n\n\n/* Accordion\n------------------------------------------------------------------- */\n\ndl.accordion { border-top: 1px solid $grey-2; }\n.accordion dd { border-bottom: 1px solid $grey-2; }\ndd.accordion-navigation span { padding-right: 12px; }\ndd.accordion-navigation span:before { content: \"\\F107\" }\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\n\n\n\n/* Lazy Load XT\n------------------------------------------------------------------- */\n\n/*! Lazy Load XT v1.0.6 2014-11-19\n * http://ressio.github.io/lazy-load-xt\n * (C) 2014 RESS.io\n * Licensed under MIT */\nimg.lazy {\n display: none;\n}\n.lazy-hidden {\n opacity: 0;\n}\n.lazy-loaded {\n -webkit-transition: opacity 0.7s;\n -moz-transition: opacity 0.7s;\n -ms-transition: opacity 0.7s;\n -o-transition: opacity 0.7s;\n transition: opacity 0.7s;\n opacity: 1;\n}\n\n*:target:not([id^='fn:']):not([id^='fnref:']) {\n &::before {\n content: \" \";\n width: 0;\n height: 0;\n\n display: block;\n padding-top: 50px;\n margin-top: -50px;\n }\n}\n","@charset \"utf-8\";\n/* Syntax highlighting styles\n------------------------------------------------------------------- */\n\n.highlight {\n background: #fff;\n [data-lang]::before {\n content: attr(data-lang);\n display: block;\n text-align: right;\n margin-right: 5px;\n text-transform: uppercase;\n }\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; background-color: #e3d2d2 } // 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; background-color: #fdd } // Generic.Deleted\n .gd .x { color: #000; background-color: #faa } // 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; background-color: #dfd } // Generic.Inserted\n .gi .x { color: #000; background-color: #afa } // 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"],"file":"styles_feeling_responsive.css"} \ No newline at end of file diff --git a/assets/fonts/fontcustom.yml b/assets/fonts/fontcustom.yml new file mode 100644 index 00000000..ccc911c2 --- /dev/null +++ b/assets/fonts/fontcustom.yml @@ -0,0 +1,96 @@ +# ============================================================================= +# Font Custom Configuration +# This file should live in the directory where you run `fontcustom compile`. +# For more info, visit . +# ============================================================================= + + +# ----------------------------------------------------------------------------- +# Project Info +# ----------------------------------------------------------------------------- + +# The font's name. Also determines the file names of generated templates. +font_name: iconfont + +# Format of CSS selectors. {{glyph}} is substituted for the glyph name. +css_selector: .icon-{{glyph}} + +# Generate fonts without asset-busting hashes. +no_hash: true + +# Encode WOFF fonts into the generated CSS. +#base64: true + +# Forces compilation, even if inputs have not changed +#force: true + +# Display (possibly useful) debugging messages. +#debug: true + +# Hide status messages. +#quiet: true + + +# ----------------------------------------------------------------------------- +# Input / Output Locations +# You can save generated fonts, CSS, and other files to different locations +# here. Font Custom can also read input vectors and templates from different +# places. +# +# NOTE: +# - Be sure to preserve the whitespace in these YAML hashes. +# - INPUT[:vectors] and OUTPUT[:fonts] are required. Everything else is +# optional. +# - Specify output locations for custom templates by including their file +# names as the key. +# ----------------------------------------------------------------------------- + +input: + vectors: svg-files-for-custom-font +# templates: my/templates + +output: + fonts: . + css: . +# preview: app/views/styleguide +# my-custom-template.yml: path/to/template/output + + +# ----------------------------------------------------------------------------- +# Templates +# A YAML array of templates and files to generate alongside fonts. Custom +# templates should be saved in the INPUT[:templates] directory and referenced +# by their base file name. +# +# For Rails and Compass templates, set `preprocessor_path` as the relative +# path from OUTPUT[:css] to OUTPUT[:fonts]. By default, these are the same +# directory. +# +# Included in Font Custom: preview, css, scss, scss-rails +# Default: css, preview +# ----------------------------------------------------------------------------- + +#templates: +#- scss-rails +#- preview +#- my-custom-template.yml + +#preprocessor_path: ../fonts/ + + +# ----------------------------------------------------------------------------- +# Font Settings (defaults shown) +# ----------------------------------------------------------------------------- + +# Size (in pica points) for which your font is designed. +font_design_size: 20 + +# The em size. Setting this will scale the entire font to the given size. +#font_em: 512 + +# The font's ascent and descent. Used to calculate the baseline. +#font_ascent: 448 +#font_descent: 64 + +# Horizontally fit glyphs to their individual vector widths. +#autowidth: false diff --git a/assets/fonts/iconfont-preview.html b/assets/fonts/iconfont-preview.html new file mode 100644 index 00000000..ecb19022 --- /dev/null +++ b/assets/fonts/iconfont-preview.html @@ -0,0 +1,1028 @@ + + + + iconfont glyphs preview + + + + + + + + + +
+
+

iconfont contains 55 glyphs:

+ Toggle Preview Characters +
+ + +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ +
+
+ PpPpPpPpPpPpPpPpPpPp +
+
+ 12141618212436486072 +
+
+ + +
+
+ + + +
+ + diff --git a/assets/fonts/iconfont.css b/assets/fonts/iconfont.css new file mode 100644 index 00000000..a748578f --- /dev/null +++ b/assets/fonts/iconfont.css @@ -0,0 +1,149 @@ +/* + Icon Font: iconfont +*/ + +@font-face { + font-family: "iconfont"; + src: url("./iconfont.eot"); + src: url("./iconfont.eot?#iefix") format("embedded-opentype"), + url("./iconfont.woff") format("woff"), + url("./iconfont.ttf") format("truetype"), + url("./iconfont.svg#iconfont") format("svg"); + font-weight: normal; + font-style: normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: "iconfont"; + src: url("./iconfont.svg#iconfont") format("svg"); + } +} + +[data-icon]:before { content: attr(data-icon); } + +[data-icon]:before, +.icon-archive:before, +.icon-browser:before, +.icon-calendar:before, +.icon-camera:before, +.icon-chat:before, +.icon-check:before, +.icon-chevron-down:before, +.icon-chevron-left:before, +.icon-chevron-right:before, +.icon-chevron-up:before, +.icon-circle-with-cross:before, +.icon-circle-with-minus:before, +.icon-circle-with-plus:before, +.icon-cloud:before, +.icon-code:before, +.icon-cog:before, +.icon-dropbox:before, +.icon-edit:before, +.icon-export:before, +.icon-eye:before, +.icon-facebook:before, +.icon-feather:before, +.icon-github:before, +.icon-globe:before, +.icon-googleplus:before, +.icon-heart:before, +.icon-heart-outlined:before, +.icon-home:before, +.icon-instagram:before, +.icon-lab-flask:before, +.icon-leaf:before, +.icon-linkedin:before, +.icon-mail:before, +.icon-message:before, +.icon-mic:before, +.icon-network:before, +.icon-paper-plane:before, +.icon-pinterest:before, +.icon-price-tag:before, +.icon-rocket:before, +.icon-rss:before, +.icon-soundcloud:before, +.icon-star:before, +.icon-star-outlined:before, +.icon-thumbs-down:before, +.icon-thumbs-up:before, +.icon-tree:before, +.icon-tumblr:before, +.icon-twitter:before, +.icon-upload-to-cloud:before, +.icon-video:before, +.icon-vimeo:before, +.icon-warning:before, +.icon-xing:before, +.icon-youtube:before { + display: inline-block; + font-family: "iconfont"; + font-style: normal; + font-weight: normal; + font-variant: normal; + line-height: 1; + text-decoration: inherit; + text-rendering: optimizeLegibility; + text-transform: none; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; +} + +.icon-archive:before { content: "\f100"; } +.icon-browser:before { content: "\f101"; } +.icon-calendar:before { content: "\f133"; } +.icon-camera:before { content: "\f102"; } +.icon-chat:before { content: "\f103"; } +.icon-check:before { content: "\f104"; } +.icon-chevron-down:before { content: "\f105"; } +.icon-chevron-left:before { content: "\f106"; } +.icon-chevron-right:before { content: "\f107"; } +.icon-chevron-up:before { content: "\f108"; } +.icon-circle-with-cross:before { content: "\f109"; } +.icon-circle-with-minus:before { content: "\f10a"; } +.icon-circle-with-plus:before { content: "\f10b"; } +.icon-cloud:before { content: "\f10c"; } +.icon-code:before { content: "\f10d"; } +.icon-cog:before { content: "\f10e"; } +.icon-dropbox:before { content: "\f10f"; } +.icon-edit:before { content: "\f110"; } +.icon-export:before { content: "\f111"; } +.icon-eye:before { content: "\f112"; } +.icon-facebook:before { content: "\f113"; } +.icon-feather:before { content: "\f114"; } +.icon-github:before { content: "\f115"; } +.icon-globe:before { content: "\f116"; } +.icon-googleplus:before { content: "\f136"; } +.icon-heart:before { content: "\f117"; } +.icon-heart-outlined:before { content: "\f118"; } +.icon-home:before { content: "\f119"; } +.icon-instagram:before { content: "\f11a"; } +.icon-lab-flask:before { content: "\f11b"; } +.icon-leaf:before { content: "\f11c"; } +.icon-linkedin:before { content: "\f11d"; } +.icon-mail:before { content: "\f11e"; } +.icon-message:before { content: "\f11f"; } +.icon-mic:before { content: "\f120"; } +.icon-network:before { content: "\f121"; } +.icon-paper-plane:before { content: "\f122"; } +.icon-pinterest:before { content: "\f123"; } +.icon-price-tag:before { content: "\f124"; } +.icon-rocket:before { content: "\f125"; } +.icon-rss:before { content: "\f126"; } +.icon-soundcloud:before { content: "\f127"; } +.icon-star:before { content: "\f128"; } +.icon-star-outlined:before { content: "\f129"; } +.icon-thumbs-down:before { content: "\f12a"; } +.icon-thumbs-up:before { content: "\f12b"; } +.icon-tree:before { content: "\f134"; } +.icon-tumblr:before { content: "\f12c"; } +.icon-twitter:before { content: "\f12d"; } +.icon-upload-to-cloud:before { content: "\f12e"; } +.icon-video:before { content: "\f12f"; } +.icon-vimeo:before { content: "\f130"; } +.icon-warning:before { content: "\f131"; } +.icon-xing:before { content: "\f135"; } +.icon-youtube:before { content: "\f132"; } diff --git a/assets/fonts/iconfont.eot b/assets/fonts/iconfont.eot new file mode 100644 index 00000000..af95ebd3 Binary files /dev/null and b/assets/fonts/iconfont.eot differ diff --git a/assets/fonts/iconfont.svg b/assets/fonts/iconfont.svg new file mode 100644 index 00000000..b9e507c2 --- /dev/null +++ b/assets/fonts/iconfont.svg @@ -0,0 +1,273 @@ + + + + + +Created by FontForge 20120731 at Wed Jan 20 15:09:53 2016 + By Andrey Fedorov,,, +Created by Andrey Fedorov,,, with FontForge 2.0 (http://fontforge.sf.net) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/iconfont.ttf b/assets/fonts/iconfont.ttf new file mode 100644 index 00000000..2dab176b Binary files /dev/null and b/assets/fonts/iconfont.ttf differ diff --git a/assets/fonts/iconfont.woff b/assets/fonts/iconfont.woff new file mode 100644 index 00000000..965649ea Binary files /dev/null and b/assets/fonts/iconfont.woff differ diff --git a/assets/fonts/svg-files-for-custom-font/archive.svg b/assets/fonts/svg-files-for-custom-font/archive.svg new file mode 100644 index 00000000..00f9e8c9 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/archive.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/browser.svg b/assets/fonts/svg-files-for-custom-font/browser.svg new file mode 100644 index 00000000..ca8c89d5 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/browser.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/calendar.svg b/assets/fonts/svg-files-for-custom-font/calendar.svg new file mode 100644 index 00000000..f654214b --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/calendar.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/camera.svg b/assets/fonts/svg-files-for-custom-font/camera.svg new file mode 100644 index 00000000..0f11476c --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/camera.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/chat.svg b/assets/fonts/svg-files-for-custom-font/chat.svg new file mode 100644 index 00000000..65b56124 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/chat.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/check.svg b/assets/fonts/svg-files-for-custom-font/check.svg new file mode 100644 index 00000000..08ee56d8 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/check.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/chevron-down.svg b/assets/fonts/svg-files-for-custom-font/chevron-down.svg new file mode 100644 index 00000000..7604d890 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/chevron-down.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/chevron-left.svg b/assets/fonts/svg-files-for-custom-font/chevron-left.svg new file mode 100644 index 00000000..7fda0402 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/chevron-left.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/chevron-right.svg b/assets/fonts/svg-files-for-custom-font/chevron-right.svg new file mode 100644 index 00000000..0b2251cb --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/chevron-right.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/chevron-up.svg b/assets/fonts/svg-files-for-custom-font/chevron-up.svg new file mode 100644 index 00000000..eb3c9c52 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/chevron-up.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg b/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg new file mode 100644 index 00000000..cf71b402 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg b/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg new file mode 100644 index 00000000..065344d6 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg b/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg new file mode 100644 index 00000000..f4f815c8 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/cloud.svg b/assets/fonts/svg-files-for-custom-font/cloud.svg new file mode 100644 index 00000000..a009fe53 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/cloud.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/code.svg b/assets/fonts/svg-files-for-custom-font/code.svg new file mode 100644 index 00000000..33a99fd5 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/code.svg @@ -0,0 +1,13 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/cog.svg b/assets/fonts/svg-files-for-custom-font/cog.svg new file mode 100644 index 00000000..bc6fcfa1 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/cog.svg @@ -0,0 +1,16 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/dropbox.svg b/assets/fonts/svg-files-for-custom-font/dropbox.svg new file mode 100644 index 00000000..61f72c2f --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/dropbox.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/edit.svg b/assets/fonts/svg-files-for-custom-font/edit.svg new file mode 100644 index 00000000..bda9f0e3 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/edit.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/export.svg b/assets/fonts/svg-files-for-custom-font/export.svg new file mode 100644 index 00000000..ebcfc1fa --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/export.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/eye.svg b/assets/fonts/svg-files-for-custom-font/eye.svg new file mode 100644 index 00000000..a735aa94 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/eye.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/facebook.svg b/assets/fonts/svg-files-for-custom-font/facebook.svg new file mode 100644 index 00000000..dd143187 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/facebook.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/feather.svg b/assets/fonts/svg-files-for-custom-font/feather.svg new file mode 100644 index 00000000..fcff3c19 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/feather.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/github.svg b/assets/fonts/svg-files-for-custom-font/github.svg new file mode 100644 index 00000000..0ed94d32 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/github.svg @@ -0,0 +1,15 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/globe.svg b/assets/fonts/svg-files-for-custom-font/globe.svg new file mode 100644 index 00000000..59b1570b --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/globe.svg @@ -0,0 +1,18 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/heart-outlined.svg b/assets/fonts/svg-files-for-custom-font/heart-outlined.svg new file mode 100644 index 00000000..b1cec2f4 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/heart-outlined.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/heart.svg b/assets/fonts/svg-files-for-custom-font/heart.svg new file mode 100644 index 00000000..5156b11c --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/heart.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/home.svg b/assets/fonts/svg-files-for-custom-font/home.svg new file mode 100644 index 00000000..63e8a4e2 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/home.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/instagram.svg b/assets/fonts/svg-files-for-custom-font/instagram.svg new file mode 100644 index 00000000..9f7b527a --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/instagram.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/lab-flask.svg b/assets/fonts/svg-files-for-custom-font/lab-flask.svg new file mode 100644 index 00000000..d40e70ed --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/lab-flask.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/leaf.svg b/assets/fonts/svg-files-for-custom-font/leaf.svg new file mode 100644 index 00000000..27be5466 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/leaf.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/linkedin.svg b/assets/fonts/svg-files-for-custom-font/linkedin.svg new file mode 100644 index 00000000..4541e3cc --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/linkedin.svg @@ -0,0 +1,13 @@ + + + + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/mail.svg b/assets/fonts/svg-files-for-custom-font/mail.svg new file mode 100644 index 00000000..5988c16f --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/mail.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/message.svg b/assets/fonts/svg-files-for-custom-font/message.svg new file mode 100644 index 00000000..cae288b5 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/message.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/mic.svg b/assets/fonts/svg-files-for-custom-font/mic.svg new file mode 100644 index 00000000..81f58e14 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/mic.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/network.svg b/assets/fonts/svg-files-for-custom-font/network.svg new file mode 100644 index 00000000..977de033 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/network.svg @@ -0,0 +1,24 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/paper-plane.svg b/assets/fonts/svg-files-for-custom-font/paper-plane.svg new file mode 100644 index 00000000..57919d55 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/paper-plane.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/pinterest.svg b/assets/fonts/svg-files-for-custom-font/pinterest.svg new file mode 100644 index 00000000..b5f6f6e2 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/pinterest.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/price-tag.svg b/assets/fonts/svg-files-for-custom-font/price-tag.svg new file mode 100644 index 00000000..1c7fa4f2 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/price-tag.svg @@ -0,0 +1,16 @@ + + + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/rocket.svg b/assets/fonts/svg-files-for-custom-font/rocket.svg new file mode 100644 index 00000000..3eb7415a --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/rocket.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/rss.svg b/assets/fonts/svg-files-for-custom-font/rss.svg new file mode 100644 index 00000000..f8f6033a --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/rss.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/soundcloud.svg b/assets/fonts/svg-files-for-custom-font/soundcloud.svg new file mode 100644 index 00000000..3b384717 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/soundcloud.svg @@ -0,0 +1,18 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/star-outlined.svg b/assets/fonts/svg-files-for-custom-font/star-outlined.svg new file mode 100644 index 00000000..4759c405 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/star-outlined.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/star.svg b/assets/fonts/svg-files-for-custom-font/star.svg new file mode 100644 index 00000000..d5d321af --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/star.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/thumbs-down.svg b/assets/fonts/svg-files-for-custom-font/thumbs-down.svg new file mode 100644 index 00000000..171e2aa9 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/thumbs-down.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/thumbs-up.svg b/assets/fonts/svg-files-for-custom-font/thumbs-up.svg new file mode 100644 index 00000000..dee3008e --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/thumbs-up.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/tree.svg b/assets/fonts/svg-files-for-custom-font/tree.svg new file mode 100644 index 00000000..45a25805 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/tree.svg @@ -0,0 +1,17 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/tumblr.svg b/assets/fonts/svg-files-for-custom-font/tumblr.svg new file mode 100644 index 00000000..7bc63501 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/tumblr.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/twitter.svg b/assets/fonts/svg-files-for-custom-font/twitter.svg new file mode 100644 index 00000000..136d2296 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/twitter.svg @@ -0,0 +1,13 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg b/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg new file mode 100644 index 00000000..07868472 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg @@ -0,0 +1,11 @@ + + + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/video.svg b/assets/fonts/svg-files-for-custom-font/video.svg new file mode 100644 index 00000000..f54ba008 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/video.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/vimeo.svg b/assets/fonts/svg-files-for-custom-font/vimeo.svg new file mode 100644 index 00000000..81ed1c0b --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/vimeo.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/warning.svg b/assets/fonts/svg-files-for-custom-font/warning.svg new file mode 100644 index 00000000..a571a252 --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/warning.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/xing.svg b/assets/fonts/svg-files-for-custom-font/xing.svg new file mode 100644 index 00000000..ca14ad7b --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/xing.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/fonts/svg-files-for-custom-font/youtube.svg b/assets/fonts/svg-files-for-custom-font/youtube.svg new file mode 100644 index 00000000..8dbfef6e --- /dev/null +++ b/assets/fonts/svg-files-for-custom-font/youtube.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/img/OEDIcon134x192.png b/assets/img/OEDIcon134x192.png new file mode 100644 index 00000000..11ddc0e6 Binary files /dev/null and b/assets/img/OEDIcon134x192.png differ diff --git a/assets/img/OEDIcon192x274.png b/assets/img/OEDIcon192x274.png new file mode 100644 index 00000000..3e2ea028 Binary files /dev/null and b/assets/img/OEDIcon192x274.png differ diff --git a/assets/img/OEDIcon22x32.png b/assets/img/OEDIcon22x32.png new file mode 100644 index 00000000..50cd4644 Binary files /dev/null and b/assets/img/OEDIcon22x32.png differ diff --git a/assets/img/apple-touch-icon-114x114-precomposed.png b/assets/img/apple-touch-icon-114x114-precomposed.png new file mode 100644 index 00000000..1297c5f8 Binary files /dev/null and b/assets/img/apple-touch-icon-114x114-precomposed.png differ diff --git a/assets/img/apple-touch-icon-120x120-precomposed.png b/assets/img/apple-touch-icon-120x120-precomposed.png new file mode 100644 index 00000000..f5df4de4 Binary files /dev/null and b/assets/img/apple-touch-icon-120x120-precomposed.png differ diff --git a/assets/img/apple-touch-icon-144x144-precomposed.png b/assets/img/apple-touch-icon-144x144-precomposed.png new file mode 100644 index 00000000..09aa93aa Binary files /dev/null and b/assets/img/apple-touch-icon-144x144-precomposed.png differ diff --git a/assets/img/apple-touch-icon-152x152-precomposed.png b/assets/img/apple-touch-icon-152x152-precomposed.png new file mode 100644 index 00000000..1297c5f8 Binary files /dev/null and b/assets/img/apple-touch-icon-152x152-precomposed.png differ diff --git a/assets/img/apple-touch-icon-180x180-precomposed.png b/assets/img/apple-touch-icon-180x180-precomposed.png new file mode 100644 index 00000000..3f0e0dad Binary files /dev/null and b/assets/img/apple-touch-icon-180x180-precomposed.png differ diff --git a/assets/img/apple-touch-icon-72x72-precomposed.png b/assets/img/apple-touch-icon-72x72-precomposed.png new file mode 100644 index 00000000..a022a671 Binary files /dev/null and b/assets/img/apple-touch-icon-72x72-precomposed.png differ diff --git a/assets/img/apple-touch-icon-76x76-precomposed.png b/assets/img/apple-touch-icon-76x76-precomposed.png new file mode 100644 index 00000000..ca1f6536 Binary files /dev/null and b/assets/img/apple-touch-icon-76x76-precomposed.png differ diff --git a/assets/img/apple-touch-icon-precomposed.png b/assets/img/apple-touch-icon-precomposed.png new file mode 100644 index 00000000..8c7188b0 Binary files /dev/null and b/assets/img/apple-touch-icon-precomposed.png differ diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png new file mode 100644 index 00000000..beeba850 Binary files /dev/null and b/assets/img/favicon-32x32.png differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 00000000..490f0154 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/logoDeveloper.png b/assets/img/logoDeveloper.png new file mode 100644 index 00000000..0e54633a Binary files /dev/null and b/assets/img/logoDeveloper.png differ diff --git a/assets/img/logoHelp.png b/assets/img/logoHelp.png new file mode 100644 index 00000000..67793733 Binary files /dev/null and b/assets/img/logoHelp.png differ diff --git a/assets/img/msapplication_tileimage.png b/assets/img/msapplication_tileimage.png new file mode 100644 index 00000000..09aa93aa Binary files /dev/null and b/assets/img/msapplication_tileimage.png differ diff --git a/assets/img/touch-icon-192x192.png b/assets/img/touch-icon-192x192.png new file mode 100644 index 00000000..f053d585 Binary files /dev/null and b/assets/img/touch-icon-192x192.png differ diff --git a/assets/js/javascript.js b/assets/js/javascript.js new file mode 100755 index 00000000..9146e353 --- /dev/null +++ b/assets/js/javascript.js @@ -0,0 +1,3349 @@ +/*! + * jQuery JavaScript Library v2.1.1 + * http://jquery.com/ + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * + * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2014-05-01T17:11Z + */ +!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){function c(a){var b=a.length,c=_.type(a);return"function"===c||_.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}function d(a,b,c){if(_.isFunction(b))return _.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return _.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(hb.test(b))return _.filter(b,a,c);b=_.filter(b,a)}return _.grep(a,function(a){return U.call(b,a)>=0!==c})}function e(a,b){for(;(a=a[b])&&1!==a.nodeType;);return a}function f(a){var b=ob[a]={};return _.each(a.match(nb)||[],function(a,c){b[c]=!0}),b}function g(){Z.removeEventListener("DOMContentLoaded",g,!1),a.removeEventListener("load",g,!1),_.ready()}function h(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=_.expando+Math.random()}function i(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(ub,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:tb.test(c)?_.parseJSON(c):c}catch(e){}sb.set(a,b,c)}else c=void 0;return c}function j(){return!0}function k(){return!1}function l(){try{return Z.activeElement}catch(a){}}function m(a,b){return _.nodeName(a,"table")&&_.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function n(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function o(a){var b=Kb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function p(a,b){for(var c=0,d=a.length;d>c;c++)rb.set(a[c],"globalEval",!b||rb.get(b[c],"globalEval"))}function q(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(rb.hasData(a)&&(f=rb.access(a),g=rb.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)_.event.add(b,e,j[e][c])}sb.hasData(a)&&(h=sb.access(a),i=_.extend({},h),sb.set(b,i))}}function r(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&_.nodeName(a,b)?_.merge([a],c):c}function s(a,b){var c=b.nodeName.toLowerCase();"input"===c&&yb.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}function t(b,c){var d,e=_(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:_.css(e[0],"display");return e.detach(),f}function u(a){var b=Z,c=Ob[a];return c||(c=t(a,b),"none"!==c&&c||(Nb=(Nb||_("'; + if (typeof($f) == 'function') { // froogaloop available + var player = $f(container.childNodes[0]); + + player.addEvent('ready', function() { + + player.playVideo = function() { + player.api( 'play' ); + } + player.stopVideo = function() { + player.api( 'unload' ); + } + player.pauseVideo = function() { + player.api( 'pause' ); + } + player.seekTo = function( seconds ) { + player.api( 'seekTo', seconds ); + } + player.setVolume = function( volume ) { + player.api( 'setVolume', volume ); + } + player.setMuted = function( muted ) { + if( muted ) { + player.lastVolume = player.api( 'getVolume' ); + player.api( 'setVolume', 0 ); + } else { + player.api( 'setVolume', player.lastVolume ); + delete player.lastVolume; + } + } + + function createEvent(player, pluginMediaElement, eventName, e) { + var event = { + type: eventName, + target: pluginMediaElement + }; + if (eventName == 'timeupdate') { + pluginMediaElement.currentTime = event.currentTime = e.seconds; + pluginMediaElement.duration = event.duration = e.duration; + } + pluginMediaElement.dispatchEvent(event); + } + + player.addEvent('play', function() { + createEvent(player, pluginMediaElement, 'play'); + createEvent(player, pluginMediaElement, 'playing'); + }); + + player.addEvent('pause', function() { + createEvent(player, pluginMediaElement, 'pause'); + }); + + player.addEvent('finish', function() { + createEvent(player, pluginMediaElement, 'ended'); + }); + + player.addEvent('playProgress', function(e) { + createEvent(player, pluginMediaElement, 'timeupdate', e); + }); + + pluginMediaElement.pluginElement = container; + pluginMediaElement.pluginApi = player; + + // init mejs + mejs.MediaPluginBridge.initPlugin(pluginid); + }); + } + else { + console.warn("You need to include froogaloop for vimeo to work"); + } + break; + } + // hide original element + htmlMediaElement.style.display = 'none'; + // prevent browser from autoplaying when using a plugin + htmlMediaElement.removeAttribute('autoplay'); + + // FYI: options.success will be fired by the MediaPluginBridge + + return pluginMediaElement; + }, + + updateNative: function(playback, options, autoplay, preload) { + + var htmlMediaElement = playback.htmlMediaElement, + m; + + + // add methods to video object to bring it into parity with Flash Object + for (m in mejs.HtmlMediaElement) { + htmlMediaElement[m] = mejs.HtmlMediaElement[m]; + } + + /* + Chrome now supports preload="none" + if (mejs.MediaFeatures.isChrome) { + + // special case to enforce preload attribute (Chrome doesn't respect this) + if (preload === 'none' && !autoplay) { + + // forces the browser to stop loading (note: fails in IE9) + htmlMediaElement.src = ''; + htmlMediaElement.load(); + htmlMediaElement.canceledPreload = true; + + htmlMediaElement.addEventListener('play',function() { + if (htmlMediaElement.canceledPreload) { + htmlMediaElement.src = playback.url; + htmlMediaElement.load(); + htmlMediaElement.play(); + htmlMediaElement.canceledPreload = false; + } + }, false); + // for some reason Chrome forgets how to autoplay sometimes. + } else if (autoplay) { + htmlMediaElement.load(); + htmlMediaElement.play(); + } + } + */ + + // fire success code + options.success(htmlMediaElement, htmlMediaElement); + + return htmlMediaElement; + } +}; + +/* + - test on IE (object vs. embed) + - determine when to use iframe (Firefox, Safari, Mobile) vs. Flash (Chrome, IE) + - fullscreen? +*/ + +// YouTube Flash and Iframe API +mejs.YouTubeApi = { + isIframeStarted: false, + isIframeLoaded: false, + loadIframeApi: function() { + if (!this.isIframeStarted) { + var tag = document.createElement('script'); + tag.src = "//www.youtube.com/player_api"; + var firstScriptTag = document.getElementsByTagName('script')[0]; + firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); + this.isIframeStarted = true; + } + }, + iframeQueue: [], + enqueueIframe: function(yt) { + + if (this.isLoaded) { + this.createIframe(yt); + } else { + this.loadIframeApi(); + this.iframeQueue.push(yt); + } + }, + createIframe: function(settings) { + + var + pluginMediaElement = settings.pluginMediaElement, + player = new YT.Player(settings.containerId, { + height: settings.height, + width: settings.width, + videoId: settings.videoId, + playerVars: {controls:0}, + events: { + 'onReady': function() { + + // hook up iframe object to MEjs + settings.pluginMediaElement.pluginApi = player; + + // init mejs + mejs.MediaPluginBridge.initPlugin(settings.pluginId); + + // create timer + setInterval(function() { + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'timeupdate'); + }, 250); + }, + 'onStateChange': function(e) { + + mejs.YouTubeApi.handleStateChange(e.data, player, pluginMediaElement); + + } + } + }); + }, + + createEvent: function (player, pluginMediaElement, eventName) { + var event = { + type: eventName, + target: pluginMediaElement + }; + + if (player && player.getDuration) { + + // time + pluginMediaElement.currentTime = event.currentTime = player.getCurrentTime(); + pluginMediaElement.duration = event.duration = player.getDuration(); + + // state + event.paused = pluginMediaElement.paused; + event.ended = pluginMediaElement.ended; + + // sound + event.muted = player.isMuted(); + event.volume = player.getVolume() / 100; + + // progress + event.bytesTotal = player.getVideoBytesTotal(); + event.bufferedBytes = player.getVideoBytesLoaded(); + + // fake the W3C buffered TimeRange + var bufferedTime = event.bufferedBytes / event.bytesTotal * event.duration; + + event.target.buffered = event.buffered = { + start: function(index) { + return 0; + }, + end: function (index) { + return bufferedTime; + }, + length: 1 + }; + + } + + // send event up the chain + pluginMediaElement.dispatchEvent(event); + }, + + iFrameReady: function() { + + this.isLoaded = true; + this.isIframeLoaded = true; + + while (this.iframeQueue.length > 0) { + var settings = this.iframeQueue.pop(); + this.createIframe(settings); + } + }, + + // FLASH! + flashPlayers: {}, + createFlash: function(settings) { + + this.flashPlayers[settings.pluginId] = settings; + + /* + settings.container.innerHTML = + '' + + '' + + '' + + ''; + */ + + var specialIEContainer, + youtubeUrl = '//www.youtube.com/apiplayer?enablejsapi=1&playerapiid=' + settings.pluginId + '&version=3&autoplay=0&controls=0&modestbranding=1&loop=0'; + + if (mejs.MediaFeatures.isIE) { + + specialIEContainer = document.createElement('div'); + settings.container.appendChild(specialIEContainer); + specialIEContainer.outerHTML = '' + + '' + + '' + + '' + + '' + +''; + } else { + settings.container.innerHTML = + '' + + '' + + '' + + ''; + } + + }, + + flashReady: function(id) { + var + settings = this.flashPlayers[id], + player = document.getElementById(id), + pluginMediaElement = settings.pluginMediaElement; + + // hook up and return to MediaELementPlayer.success + pluginMediaElement.pluginApi = + pluginMediaElement.pluginElement = player; + mejs.MediaPluginBridge.initPlugin(id); + + // load the youtube video + player.cueVideoById(settings.videoId); + + var callbackName = settings.containerId + '_callback'; + + window[callbackName] = function(e) { + mejs.YouTubeApi.handleStateChange(e, player, pluginMediaElement); + } + + player.addEventListener('onStateChange', callbackName); + + setInterval(function() { + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'timeupdate'); + }, 250); + + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'canplay'); + }, + + handleStateChange: function(youTubeState, player, pluginMediaElement) { + switch (youTubeState) { + case -1: // not started + pluginMediaElement.paused = true; + pluginMediaElement.ended = true; + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'loadedmetadata'); + //createYouTubeEvent(player, pluginMediaElement, 'loadeddata'); + break; + case 0: + pluginMediaElement.paused = false; + pluginMediaElement.ended = true; + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'ended'); + break; + case 1: + pluginMediaElement.paused = false; + pluginMediaElement.ended = false; + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'play'); + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'playing'); + break; + case 2: + pluginMediaElement.paused = true; + pluginMediaElement.ended = false; + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'pause'); + break; + case 3: // buffering + mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'progress'); + break; + case 5: + // cued? + break; + + } + + } +} +// IFRAME +window.onYouTubePlayerAPIReady = function() { + mejs.YouTubeApi.iFrameReady(); +}; +// FLASH +window.onYouTubePlayerReady = function(id) { + mejs.YouTubeApi.flashReady(id); +}; + +window.mejs = mejs; +window.MediaElement = mejs.MediaElement; + +/* + * Adds Internationalization and localization to mediaelement. + * + * This file does not contain translations, you have to add them manually. + * The schema is always the same: me-i18n-locale-[IETF-language-tag].js + * + * Examples are provided both for german and chinese translation. + * + * + * What is the concept beyond i18n? + * http://en.wikipedia.org/wiki/Internationalization_and_localization + * + * What langcode should i use? + * http://en.wikipedia.org/wiki/IETF_language_tag + * https://tools.ietf.org/html/rfc5646 + * + * + * License? + * + * The i18n file uses methods from the Drupal project (drupal.js): + * - i18n.methods.t() (modified) + * - i18n.methods.checkPlain() (full copy) + * + * The Drupal project is (like mediaelementjs) licensed under GPLv2. + * - http://drupal.org/licensing/faq/#q1 + * - https://github.com/johndyer/mediaelement + * - http://www.gnu.org/licenses/old-licenses/gpl-2.0.html + * + * + * @author + * Tim Latz (latz.tim@gmail.com) + * + * + * @params + * - context - document, iframe .. + * - exports - CommonJS, window .. + * + */ +;(function(context, exports, undefined) { + "use strict"; + + var i18n = { + "locale": { + // Ensure previous values aren't overwritten. + "language" : (exports.i18n && exports.i18n.locale.language) || '', + "strings" : (exports.i18n && exports.i18n.locale.strings) || {} + }, + "ietf_lang_regex" : /^(x\-)?[a-z]{2,}(\-\w{2,})?(\-\w{2,})?$/, + "methods" : {} + }; +// start i18n + + + /** + * Get language, fallback to browser's language if empty + * + * IETF: RFC 5646, https://tools.ietf.org/html/rfc5646 + * Examples: en, zh-CN, cmn-Hans-CN, sr-Latn-RS, es-419, x-private + */ + i18n.getLanguage = function () { + var language = i18n.locale.language || window.navigator.userLanguage || window.navigator.language; + return i18n.ietf_lang_regex.exec(language) ? language : null; + + //(WAS: convert to iso 639-1 (2-letters, lower case)) + //return language.substr(0, 2).toLowerCase(); + }; + + // i18n fixes for compatibility with WordPress + if ( typeof mejsL10n != 'undefined' ) { + i18n.locale.language = mejsL10n.language; + } + + + + /** + * Encode special characters in a plain-text string for display as HTML. + */ + i18n.methods.checkPlain = function (str) { + var character, regex, + replace = { + '&': '&', + '"': '"', + '<': '<', + '>': '>' + }; + str = String(str); + for (character in replace) { + if (replace.hasOwnProperty(character)) { + regex = new RegExp(character, 'g'); + str = str.replace(regex, replace[character]); + } + } + return str; + }; + + /** + * Translate strings to the page language or a given language. + * + * + * @param str + * A string containing the English string to translate. + * + * @param options + * - 'context' (defaults to the default context): The context the source string + * belongs to. + * + * @return + * The translated string, escaped via i18n.methods.checkPlain() + */ + i18n.methods.t = function (str, options) { + + // Fetch the localized version of the string. + if (i18n.locale.strings && i18n.locale.strings[options.context] && i18n.locale.strings[options.context][str]) { + str = i18n.locale.strings[options.context][str]; + } + + return i18n.methods.checkPlain(str); + }; + + + /** + * Wrapper for i18n.methods.t() + * + * @see i18n.methods.t() + * @throws InvalidArgumentException + */ + i18n.t = function(str, options) { + + if (typeof str === 'string' && str.length > 0) { + + // check every time due language can change for + // different reasons (translation, lang switcher ..) + var language = i18n.getLanguage(); + + options = options || { + "context" : language + }; + + return i18n.methods.t(str, options); + } + else { + throw { + "name" : 'InvalidArgumentException', + "message" : 'First argument is either not a string or empty.' + }; + } + }; + +// end i18n + exports.i18n = i18n; +}(document, mejs)); + +// i18n fixes for compatibility with WordPress +;(function(exports, undefined) { + + "use strict"; + + if ( typeof mejsL10n != 'undefined' ) { + exports[mejsL10n.language] = mejsL10n.strings; + } + +}(mejs.i18n.locale.strings)); + +/*! + * + * MediaElementPlayer + * http://mediaelementjs.com/ + * + * Creates a controller bar for HTML5