Daniel@0: /*
Daniel@0: 	Kube CSS-Framework 3.1
Daniel@0: */
Daniel@0: 
Daniel@0: /* =Reset
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: *,
Daniel@0: *:before,
Daniel@0: *:after {
Daniel@0:   -webkit-box-sizing: border-box;
Daniel@0:   -moz-box-sizing: border-box;
Daniel@0:   box-sizing: border-box;
Daniel@0: }
Daniel@0: html {
Daniel@0:   font-family: sans-serif;
Daniel@0:   -ms-text-size-adjust: 100%;
Daniel@0:   -webkit-text-size-adjust: 100%;
Daniel@0: }
Daniel@0: html,
Daniel@0: body,
Daniel@0: div,
Daniel@0: span,
Daniel@0: object,
Daniel@0: iframe,
Daniel@0: p,
Daniel@0: blockquote,
Daniel@0: pre,
Daniel@0: a,
Daniel@0: abbr,
Daniel@0: acronym,
Daniel@0: address,
Daniel@0: big,
Daniel@0: cite,
Daniel@0: code,
Daniel@0: del,
Daniel@0: dfn,
Daniel@0: em,
Daniel@0: img,
Daniel@0: ins,
Daniel@0: kbd,
Daniel@0: q,
Daniel@0: s,
Daniel@0: samp,
Daniel@0: small,
Daniel@0: strike,
Daniel@0: strong,
Daniel@0: sub,
Daniel@0: sup,
Daniel@0: tt,
Daniel@0: var,
Daniel@0: b,
Daniel@0: u,
Daniel@0: i,
Daniel@0: center,
Daniel@0: dl,
Daniel@0: dt,
Daniel@0: dd,
Daniel@0: ol,
Daniel@0: ul,
Daniel@0: li,
Daniel@0: fieldset,
Daniel@0: form,
Daniel@0: label,
Daniel@0: legend,
Daniel@0: table,
Daniel@0: caption,
Daniel@0: tbody,
Daniel@0: tfoot,
Daniel@0: thead,
Daniel@0: tr,
Daniel@0: th,
Daniel@0: td,
Daniel@0: article,
Daniel@0: aside,
Daniel@0: canvas,
Daniel@0: details,
Daniel@0: embed,
Daniel@0: figure,
Daniel@0: figcaption,
Daniel@0: footer,
Daniel@0: header,
Daniel@0: hgroup,
Daniel@0: menu,
Daniel@0: nav,
Daniel@0: output,
Daniel@0: ruby,
Daniel@0: section,
Daniel@0: summary,
Daniel@0: time,
Daniel@0: mark,
Daniel@0: audio,
Daniel@0: video,
Daniel@0: h1,
Daniel@0: h2,
Daniel@0: h3,
Daniel@0: h4,
Daniel@0: h5,
Daniel@0: h6 {
Daniel@0:   margin: 0;
Daniel@0:   padding: 0;
Daniel@0:   border: 0;
Daniel@0:   outline: 0;
Daniel@0:   font-size: 100%;
Daniel@0:   vertical-align: baseline;
Daniel@0:   background: transparent;
Daniel@0: }
Daniel@0: a:active,
Daniel@0: a:hover {
Daniel@0:   outline: 0;
Daniel@0: }
Daniel@0: article,
Daniel@0: aside,
Daniel@0: details,
Daniel@0: figcaption,
Daniel@0: figure,
Daniel@0: footer,
Daniel@0: header,
Daniel@0: hgroup,
Daniel@0: main,
Daniel@0: nav,
Daniel@0: section,
Daniel@0: embed,
Daniel@0: object,
Daniel@0: iframe,
Daniel@0: audio,
Daniel@0: video,
Daniel@0: canvas,
Daniel@0: progress,
Daniel@0: meter,
Daniel@0: output,
Daniel@0: textarea {
Daniel@0:   display: block;
Daniel@0: }
Daniel@0: audio:not([controls]) {
Daniel@0:   display: none;
Daniel@0:   height: 0;
Daniel@0: }
Daniel@0: /* To prevent some browsers from inserting quotes on q and p */
Daniel@0: blockquote,
Daniel@0: q {
Daniel@0:   quotes: none;
Daniel@0: }
Daniel@0: blockquote p:before,
Daniel@0: blockquote p:after,
Daniel@0: q:before,
Daniel@0: q:after {
Daniel@0:   content: '';
Daniel@0:   content: none;
Daniel@0: }
Daniel@0: /* Table reset */
Daniel@0: table {
Daniel@0:   border-collapse: collapse;
Daniel@0:   border-spacing: 0;
Daniel@0: }
Daniel@0: caption,
Daniel@0: th,
Daniel@0: td {
Daniel@0:   text-align: left;
Daniel@0:   vertical-align: top;
Daniel@0: }
Daniel@0: thead th,
Daniel@0: thead td {
Daniel@0:   font-weight: bold;
Daniel@0:   vertical-align: bottom;
Daniel@0: }
Daniel@0: /* Image inside */
Daniel@0: a img,
Daniel@0: th img,
Daniel@0: td img {
Daniel@0:   vertical-align: top;
Daniel@0: }
Daniel@0: button,
Daniel@0: input,
Daniel@0: select,
Daniel@0: textarea {
Daniel@0:   margin: 0;
Daniel@0: }
Daniel@0: textarea {
Daniel@0:   overflow: auto;
Daniel@0:   vertical-align: top;
Daniel@0:   resize: vertical;
Daniel@0: }
Daniel@0: /* Normalize buttons in IE */
Daniel@0: button {
Daniel@0:   width: auto;
Daniel@0:   overflow: visible;
Daniel@0: }
Daniel@0: /* Hand cursor on clickable controls */
Daniel@0: input[type="reset"],
Daniel@0: input[type="submit"],
Daniel@0: input[type="file"],
Daniel@0: input[type="radio"],
Daniel@0: input[type="checkbox"],
Daniel@0: select,
Daniel@0: button {
Daniel@0:   cursor: pointer;
Daniel@0: }
Daniel@0: /* Trick with vertical align for radio and checkbox  */
Daniel@0: input[type="radio"],
Daniel@0: input[type="checkbox"] {
Daniel@0:   font-size: 110%;
Daniel@0:   position: relative;
Daniel@0:   top: -1px;
Daniel@0: }
Daniel@0: /* Normalize search fields */
Daniel@0: input[type="search"] {
Daniel@0:   -webkit-appearance: textfield;
Daniel@0: }
Daniel@0: input[type="search"]::-webkit-search-decoration,
Daniel@0: input[type="search"]::-webkit-search-cancel-button {
Daniel@0:   -webkit-appearance: none;
Daniel@0: }
Daniel@0: /* Normalize horizontal line */
Daniel@0: hr {
Daniel@0:   display: block;
Daniel@0:   height: 1px;
Daniel@0:   border: 0;
Daniel@0:   border-top: 1px solid #ddd;
Daniel@0: }
Daniel@0: /* Responsive media */
Daniel@0: img,
Daniel@0: video,
Daniel@0: audio,
Daniel@0: embed,
Daniel@0: object {
Daniel@0:   max-width: 100%;
Daniel@0: }
Daniel@0: img,
Daniel@0: video,
Daniel@0: embed,
Daniel@0: object {
Daniel@0:   height: auto;
Daniel@0: }
Daniel@0: embed,
Daniel@0: object {
Daniel@0:   height: 100%;
Daniel@0: }
Daniel@0: img {
Daniel@0:   vertical-align: middle;
Daniel@0:   -ms-interpolation-mode: bicubic;
Daniel@0: }
Daniel@0: /* =Typography
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: body {
Daniel@0:   font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
Daniel@0:   font-size: 0.85em;
Daniel@0:   line-height: 1.618em;
Daniel@0:   background: #ffffff;
Daniel@0:   color: black; /* #333333; */
Daniel@0: }
Daniel@0: /* =Links
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: a {
Daniel@0:   color: #3570c3;
Daniel@0: }
Daniel@0: a:focus,
Daniel@0: a:hover {
Daniel@0:   color: #d70a16;
Daniel@0: }
Daniel@0: /* =Headings
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: h1,
Daniel@0: h2,
Daniel@0: h3,
Daniel@0: h4,
Daniel@0: h5,
Daniel@0: h6 {
Daniel@0:   font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
Daniel@0:   font-weight: bold;
Daniel@0:   color: #222222;
Daniel@0:   text-rendering: optimizeLegibility;
Daniel@0: }
Daniel@0: h1 {
Daniel@0:   font-size: 2.125em;
Daniel@0:   line-height: 1.111em;
Daniel@0:   margin-bottom: 0.809em;
Daniel@0: }
Daniel@0: h2 {
Daniel@0:   font-size: 1.7em;
Daniel@0:   line-height: 1.111em;
Daniel@0:   margin-bottom: .25em;
Daniel@0: }
Daniel@0: h3 {
Daniel@0:   font-size: 1.4449999999999998em;
Daniel@0:   line-height: 1.333em;
Daniel@0:   margin-bottom: .25em;
Daniel@0: }
Daniel@0: h4 {
Daniel@0:   font-size: 1.105em;
Daniel@0:   line-height: 1.5em;
Daniel@0:   margin-bottom: .333em;
Daniel@0: }
Daniel@0: h5 {
Daniel@0:   font-size: 0.85em;
Daniel@0:   line-height: 1.618em;
Daniel@0:   margin-bottom: .25em;
Daniel@0: }
Daniel@0: h6 {
Daniel@0:   font-size: 0.7224999999999999em;
Daniel@0:   text-transform: uppercase;
Daniel@0:   line-height: 1.618em;
Daniel@0:   margin-bottom: .25em;
Daniel@0: }
Daniel@0: /* =Subheadings
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: hgroup h1:first-child,
Daniel@0: hgroup h2:first-child,
Daniel@0: hgroup h3:first-child,
Daniel@0: hgroup h4:first-child,
Daniel@0: hgroup h5:first-child {
Daniel@0:   margin-bottom: 0;
Daniel@0: }
Daniel@0: h1.subheading,
Daniel@0: h2.subheading,
Daniel@0: h3.subheading,
Daniel@0: h4.subheading,
Daniel@0: h5.subheading {
Daniel@0:   margin-top: 0;
Daniel@0:   font-weight: 300;
Daniel@0: }
Daniel@0: h1.subheading {
Daniel@0:   font-size: 1.4166666666666667em;
Daniel@0: }
Daniel@0: h2.subheading {
Daniel@0:   font-size: 1.1333333333333333em;
Daniel@0: }
Daniel@0: h3.subheading {
Daniel@0:   font-size: 0.9633333333333333em;
Daniel@0: }
Daniel@0: h4.subheading {
Daniel@0:   margin-top: .2em;
Daniel@0:   font-size: 0.9208333333333334em;
Daniel@0: }
Daniel@0: h5.subheading {
Daniel@0:   margin-top: .2em;
Daniel@0:   font-size: 0.7555555555555555em;
Daniel@0: }
Daniel@0: /* =Lead
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .lead {
Daniel@0:   font-size: 1.35em;
Daniel@0:   font-weight: 300;
Daniel@0:   line-height: 1.35em;
Daniel@0:   margin-bottom: 0.809em;
Daniel@0: }
Daniel@0: /* =Line height and margin
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: p,
Daniel@0: ul,
Daniel@0: ol,
Daniel@0: dl,
Daniel@0: dd,
Daniel@0: dt,
Daniel@0: blockquote,
Daniel@0: td,
Daniel@0: th {
Daniel@0:   line-height: 1.618em;
Daniel@0: }
Daniel@0: ul,
Daniel@0: ol,
Daniel@0: ul ul,
Daniel@0: ol ol,
Daniel@0: ul ol,
Daniel@0: ol ul {
Daniel@0:   margin: 0 0 0 3.236em;
Daniel@0: }
Daniel@0: ol ol li {
Daniel@0:   list-style-type: lower-alpha;
Daniel@0: }
Daniel@0: ol ol ol li {
Daniel@0:   list-style-type: lower-roman;
Daniel@0: }
Daniel@0: p,
Daniel@0: ul,
Daniel@0: ol,
Daniel@0: dl,
Daniel@0: blockquote,
Daniel@0: hr,
Daniel@0: pre,
Daniel@0: table,
Daniel@0: form,
Daniel@0: fieldset,
Daniel@0: figure,
Daniel@0: address {
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: /* =Blockquote
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: blockquote {
Daniel@0:   position: relative;
Daniel@0:   font-style: italic;
Daniel@0:   margin-left: 2.427em;
Daniel@0:   padding-left: 1.618em;
Daniel@0:   border-left: 2px solid rgba(0, 0, 0, 0.15);
Daniel@0: }
Daniel@0: blockquote p {
Daniel@0:   margin-bottom: .5em;
Daniel@0: }
Daniel@0: blockquote small,
Daniel@0: cite {
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0:   font-style: italic;
Daniel@0: }
Daniel@0: small,
Daniel@0: blockquote cite {
Daniel@0:   font-size: 0.85em;
Daniel@0:   line-height: 1;
Daniel@0: }
Daniel@0: /* =Address
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: address {
Daniel@0:   font-style: normal;
Daniel@0: }
Daniel@0: /* =Definition list
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: dl dt {
Daniel@0:   font-weight: bold;
Daniel@0: }
Daniel@0: dd {
Daniel@0:   margin-left: 1.0786666666666667em;
Daniel@0: }
Daniel@0: /* =Text-level
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: s,
Daniel@0: del {
Daniel@0:   text-decoration: line-through;
Daniel@0: }
Daniel@0: abbr[title],
Daniel@0: dfn[title] {
Daniel@0:   border-bottom: 1px dotted #000;
Daniel@0:   cursor: help;
Daniel@0: }
Daniel@0: strong,
Daniel@0: b {
Daniel@0:   font-weight: bold;
Daniel@0: }
Daniel@0: em,
Daniel@0: i {
Daniel@0:   font-style: italic;
Daniel@0: }
Daniel@0: sub,
Daniel@0: sup {
Daniel@0:   font-size: 0.65em;
Daniel@0:   line-height: 0;
Daniel@0:   position: relative;
Daniel@0: }
Daniel@0: sup {
Daniel@0:   top: -0.5em;
Daniel@0: }
Daniel@0: sub {
Daniel@0:   bottom: -0.25em;
Daniel@0: }
Daniel@0: figcaption {
Daniel@0:   font-size: 0.85em;
Daniel@0:   font-style: italic;
Daniel@0: }
Daniel@0: ins,
Daniel@0: u {
Daniel@0:   text-decoration: underline;
Daniel@0: }
Daniel@0: mark {
Daniel@0:   background-color: #fddc43;
Daniel@0:   color: #0f0f0f;
Daniel@0:   text-decoration: none;
Daniel@0: }
Daniel@0: /* =Code
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: pre,
Daniel@0: code,
Daniel@0: kbd,
Daniel@0: samp,
Daniel@0: var,
Daniel@0: output {
Daniel@0:   font-size: 90%;
Daniel@0:   font-style: normal;
Daniel@0:   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
Daniel@0: }
Daniel@0: pre {
Daniel@0:   font-size: 90%;
Daniel@0:   line-height: 1.45em;
Daniel@0:   color: #333333;
Daniel@0:   background: #f6f6f6;
Daniel@0:   padding: 1.618em;
Daniel@0:   overflow: auto;
Daniel@0: }
Daniel@0: code,
Daniel@0: samp,
Daniel@0: kbd {
Daniel@0:   padding: 3px 6px 2px 6px;
Daniel@0:   display: inline-block;
Daniel@0:   line-height: 1;
Daniel@0:   border-radius: 2px;
Daniel@0: }
Daniel@0: code {
Daniel@0:   background: #f6f6f6;
Daniel@0:   border: 1px solid #ddd;
Daniel@0: }
Daniel@0: pre code {
Daniel@0:   font-size: 100%;
Daniel@0:   border: none;
Daniel@0:   padding: 0;
Daniel@0:   background: none;
Daniel@0:   line-height: 1.618em;
Daniel@0: }
Daniel@0: var {
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0: }
Daniel@0: samp {
Daniel@0:   background: #e9effa;
Daniel@0:   border: 1px solid #c5d4f0;
Daniel@0: }
Daniel@0: kbd {
Daniel@0:   background: #0f0f0f;
Daniel@0:   color: rgba(255, 255, 255, 0.85);
Daniel@0:   white-space: nowrap;
Daniel@0: }
Daniel@0: /* =Form
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: button:active,
Daniel@0: button:focus {
Daniel@0:   outline: none;
Daniel@0: }
Daniel@0: button,
Daniel@0: input,
Daniel@0: textarea,
Daniel@0: select {
Daniel@0:   font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
Daniel@0:   font-size: 1em;
Daniel@0:   box-shadow: none;
Daniel@0: }
Daniel@0: textarea,
Daniel@0: select[multiple],
Daniel@0: select[multiple="multiple"] {
Daniel@0:   padding: .3em .35em;
Daniel@0:   line-height: 1.35em;
Daniel@0:   width: 99.9%;
Daniel@0: }
Daniel@0: input[type="text"],
Daniel@0: input[type="password"],
Daniel@0: input[type="email"],
Daniel@0: input[type="url"],
Daniel@0: input[type="phone"],
Daniel@0: input[type="tel"],
Daniel@0: input[type="number"],
Daniel@0: input[type="datetime"],
Daniel@0: input[type="date"],
Daniel@0: input[type="month"],
Daniel@0: input[type="color"],
Daniel@0: input[type="time"],
Daniel@0: input[type="search"],
Daniel@0: input[type="datetime-local"],
Daniel@0: button,
Daniel@0: input[type="submit"],
Daniel@0: input[type="reset"] {
Daniel@0:   padding: .3em .35em;
Daniel@0:   line-height: 1.618em;
Daniel@0:   border-radius: 0;
Daniel@0:   outline: none;
Daniel@0: }
Daniel@0: select[multiple],
Daniel@0: select[multiple="multiple"],
Daniel@0: textarea,
Daniel@0: input[type="text"],
Daniel@0: input[type="password"],
Daniel@0: input[type="email"],
Daniel@0: input[type="url"],
Daniel@0: input[type="phone"],
Daniel@0: input[type="tel"],
Daniel@0: input[type="number"],
Daniel@0: input[type="datetime"],
Daniel@0: input[type="date"],
Daniel@0: input[type="month"],
Daniel@0: input[type="color"],
Daniel@0: input[type="time"],
Daniel@0: input[type="search"],
Daniel@0: input[type="datetime-local"] {
Daniel@0:   background: #fff;
Daniel@0:   border: 1px solid #bbbcc0;
Daniel@0:   position: relative;
Daniel@0:   z-index: 1;
Daniel@0:   -webkit-appearance: none;
Daniel@0: }
Daniel@0: button,
Daniel@0: input[type="submit"],
Daniel@0: input[type="reset"] {
Daniel@0:   font-weight: 400;
Daniel@0:   padding: .3em 1.3em;
Daniel@0:   border: 1px solid transparent;
Daniel@0:   color: #333333;
Daniel@0:   background: #eeeded;
Daniel@0:   cursor: pointer;
Daniel@0:   border-radius: 2px;
Daniel@0:   -webkit-appearance: none;
Daniel@0: }
Daniel@0: button:hover,
Daniel@0: input[type="submit"]:hover,
Daniel@0: input[type="reset"]:hover {
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0:   background: #dbdada;
Daniel@0: }
Daniel@0: button[disabled],
Daniel@0: input[type="submit"][disabled],
Daniel@0: input[type="reset"][disabled] {
Daniel@0:   background: none;
Daniel@0:   background: #dbdada;
Daniel@0:   cursor: default;
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0: }
Daniel@0: button[disabled]:hover,
Daniel@0: input[type="submit"][disabled]:hover,
Daniel@0: input[type="reset"][disabled]:hover {
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0: }
Daniel@0: input::-moz-focus-inner,
Daniel@0: button::-moz-focus-inner {
Daniel@0:   border: 0;
Daniel@0:   padding: 0;
Daniel@0: }
Daniel@0: input[type="range"] {
Daniel@0:   position: relative;
Daniel@0:   top: 3px;
Daniel@0: }
Daniel@0: input[disabled] {
Daniel@0:   background: #f4f4f4;
Daniel@0:   border: 1px solid #ddd;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0: }
Daniel@0: select {
Daniel@0:   margin-bottom: 0 !important;
Daniel@0: }
Daniel@0: fieldset {
Daniel@0:   padding: 1.618em;
Daniel@0:   margin-bottom: 1.618em;
Daniel@0:   border: 1px solid #ddd;
Daniel@0: }
Daniel@0: fieldset *:last-child {
Daniel@0:   margin-bottom: 0 !important;
Daniel@0: }
Daniel@0: legend {
Daniel@0:   font-weight: bold;
Daniel@0:   padding: 0 1em;
Daniel@0:   margin-left: -1em;
Daniel@0: }
Daniel@0: /* =Tables
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: table {
Daniel@0:   max-width: 100%;
Daniel@0:   width: 100%;
Daniel@0:   empty-cells: show;
Daniel@0: }
Daniel@0: table caption {
Daniel@0:   text-transform: uppercase;
Daniel@0:   padding: 0 1.0786666666666667em;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0:   font-size: 0.85em;
Daniel@0: }
Daniel@0: table th,
Daniel@0: table td {
Daniel@0:   border-bottom: 1px solid #eee;
Daniel@0:   padding: 0.809em 1.0786666666666667em;
Daniel@0: }
Daniel@0: table tfoot th,
Daniel@0: table tfoot td {
Daniel@0:   background: #f4f4f4;
Daniel@0: }
Daniel@0: /* =Responsive
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: /* Portrait tablet to landscape and desktop */
Daniel@0: @media (min-width: 768px) and (max-width: 979px) {
Daniel@0:   h1 {
Daniel@0:     font-size: 2.125em;
Daniel@0:     line-height: 1.125;
Daniel@0:   }
Daniel@0:   h2 {
Daniel@0:     font-size: 1.7em;
Daniel@0:     line-height: 1.25;
Daniel@0:   }
Daniel@0:   h3 {
Daniel@0:     font-size: 1.4449999999999998em;
Daniel@0:     line-height: 1.25;
Daniel@0:   }
Daniel@0:   h4 {
Daniel@0:     font-size: 1.105em;
Daniel@0:     line-height: 1.22222222;
Daniel@0:   }
Daniel@0:   h5 {
Daniel@0:     font-size: 0.85em;
Daniel@0:   }
Daniel@0:   h6 {
Daniel@0:     font-size: 0.7224999999999999em;
Daniel@0:   }
Daniel@0:   h1.subheading {
Daniel@0:     font-size: 1.4166666666666667em;
Daniel@0:   }
Daniel@0:   h2.subheading {
Daniel@0:     font-size: 1.1333333333333333em;
Daniel@0:   }
Daniel@0:   h3.subheading {
Daniel@0:     font-size: 0.9633333333333333em;
Daniel@0:   }
Daniel@0:   h4.subheading {
Daniel@0:     font-size: 0.9208333333333334em;
Daniel@0:   }
Daniel@0:   h5.subheading {
Daniel@0:     font-size: 0.7555555555555555em;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* Landscape phone to portrait tablet */
Daniel@0: @media (max-width: 767px) {
Daniel@0:   h1 {
Daniel@0:     font-size: 1.7em;
Daniel@0:     line-height: 1.25;
Daniel@0:   }
Daniel@0:   h2 {
Daniel@0:     font-size: 1.275em;
Daniel@0:     line-height: 1.15384615;
Daniel@0:   }
Daniel@0:   h3 {
Daniel@0:     font-size: 1.16875em;
Daniel@0:     line-height: 1.13636364;
Daniel@0:   }
Daniel@0:   h4 {
Daniel@0:     font-size: 0.9562499999999999em;
Daniel@0:     line-height: 1.11111111;
Daniel@0:   }
Daniel@0:   h5 {
Daniel@0:     font-size: 0.85em;
Daniel@0:   }
Daniel@0:   h6 {
Daniel@0:     font-size: 0.7224999999999999em;
Daniel@0:   }
Daniel@0:   h1.subheading {
Daniel@0:     font-size: 1.1333333333333333em;
Daniel@0:   }
Daniel@0:   h2.subheading {
Daniel@0:     font-size: 0.85em;
Daniel@0:   }
Daniel@0:   h3.subheading {
Daniel@0:     font-size: 0.7791666666666667em;
Daniel@0:   }
Daniel@0:   h4.subheading {
Daniel@0:     font-size: 0.796875em;
Daniel@0:   }
Daniel@0:   h5.subheading {
Daniel@0:     font-size: 0.7555555555555555em;
Daniel@0:   }
Daniel@0:   .lead {
Daniel@0:     font-size: 1.2em;
Daniel@0:   }
Daniel@0:   ul,
Daniel@0:   ol,
Daniel@0:   ul ul,
Daniel@0:   ol ol,
Daniel@0:   ul ol,
Daniel@0:   ol ul {
Daniel@0:     margin-left: 1.618em;
Daniel@0:   }
Daniel@0:   blockquote {
Daniel@0:     margin-left: 0;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* =Grid
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .units-container:after,
Daniel@0: .units-row:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .units-container:after,
Daniel@0: .units-row:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .units-container {
Daniel@0:   /* it's the trick to not collapse padding-top in the child element */
Daniel@0: 
Daniel@0:   padding-top: 1px;
Daniel@0:   margin-top: -1px;
Daniel@0: }
Daniel@0: .units-row {
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: .width-100,
Daniel@0: .unit-100 {
Daniel@0:   width: 100%;
Daniel@0: }
Daniel@0: .width-90,
Daniel@0: .unit-90 {
Daniel@0:   width: 90%;
Daniel@0: }
Daniel@0: .width-80,
Daniel@0: .unit-80 {
Daniel@0:   width: 80%;
Daniel@0: }
Daniel@0: .width-75,
Daniel@0: .unit-75 {
Daniel@0:   width: 75%;
Daniel@0: }
Daniel@0: .width-70,
Daniel@0: .unit-70 {
Daniel@0:   width: 70%;
Daniel@0: }
Daniel@0: .width-66,
Daniel@0: .unit-66 {
Daniel@0:   width: 66.6%;
Daniel@0: }
Daniel@0: .width-65,
Daniel@0: .unit-65 {
Daniel@0:   width: 65%;
Daniel@0: }
Daniel@0: .width-60,
Daniel@0: .unit-60 {
Daniel@0:   width: 60%;
Daniel@0: }
Daniel@0: .width-50,
Daniel@0: .unit-50 {
Daniel@0:   width: 50%;
Daniel@0: }
Daniel@0: .width-40,
Daniel@0: .unit-40 {
Daniel@0:   width: 40%;
Daniel@0: }
Daniel@0: .width-35,
Daniel@0: .unit-35 {
Daniel@0:   width: 35%;
Daniel@0: }
Daniel@0: .width-33,
Daniel@0: .unit-33 {
Daniel@0:   width: 33.3%;
Daniel@0: }
Daniel@0: .width-30,
Daniel@0: .unit-30 {
Daniel@0:   width: 30%;
Daniel@0: }
Daniel@0: .width-25,
Daniel@0: .unit-25 {
Daniel@0:   width: 25%;
Daniel@0: }
Daniel@0: .width-20,
Daniel@0: .unit-20 {
Daniel@0:   width: 20%;
Daniel@0: }
Daniel@0: .width-10,
Daniel@0: .unit-10 {
Daniel@0:   width: 10%;
Daniel@0: }
Daniel@0: input.width-100,
Daniel@0: input.unit-100 {
Daniel@0:   width: 98.6%;
Daniel@0: }
Daniel@0: textarea.width-100,
Daniel@0: textarea.unit-100 {
Daniel@0:   width: 98.8%;
Daniel@0: }
Daniel@0: select.width-100,
Daniel@0: select.unit-100 {
Daniel@0:   width: 99.4%;
Daniel@0: }
Daniel@0: .units-row .unit-90,
Daniel@0: .units-row .unit-80,
Daniel@0: .units-row .unit-75,
Daniel@0: .units-row .unit-70,
Daniel@0: .units-row .unit-66,
Daniel@0: .units-row .unit-65,
Daniel@0: .units-row .unit-60,
Daniel@0: .units-row .unit-50,
Daniel@0: .units-row .unit-40,
Daniel@0: .units-row .unit-35,
Daniel@0: .units-row .unit-33,
Daniel@0: .units-row .unit-30,
Daniel@0: .units-row .unit-25,
Daniel@0: .units-row .unit-20,
Daniel@0: .units-row .unit-10 {
Daniel@0:   float: left;
Daniel@0:   margin-left: 3%;
Daniel@0: }
Daniel@0: .units-row .unit-90:first-child,
Daniel@0: .units-row .unit-80:first-child,
Daniel@0: .units-row .unit-75:first-child,
Daniel@0: .units-row .unit-70:first-child,
Daniel@0: .units-row .unit-66:first-child,
Daniel@0: .units-row .unit-65:first-child,
Daniel@0: .units-row .unit-60:first-child,
Daniel@0: .units-row .unit-50:first-child,
Daniel@0: .units-row .unit-40:first-child,
Daniel@0: .units-row .unit-35:first-child,
Daniel@0: .units-row .unit-33:first-child,
Daniel@0: .units-row .unit-30:first-child,
Daniel@0: .units-row .unit-25:first-child,
Daniel@0: .units-row .unit-20:first-child,
Daniel@0: .units-row .unit-10:first-child {
Daniel@0:   margin-left: 0;
Daniel@0: }
Daniel@0: .units-row .unit-90 {
Daniel@0:   width: 89.7%;
Daniel@0: }
Daniel@0: .units-row .unit-80 {
Daniel@0:   width: 79.4%;
Daniel@0: }
Daniel@0: .units-row .unit-75 {
Daniel@0:   width: 74.25%;
Daniel@0: }
Daniel@0: .units-row .unit-70 {
Daniel@0:   width: 69.1%;
Daniel@0: }
Daniel@0: .units-row .unit-66 {
Daniel@0:   width: 65.66666666666666%;
Daniel@0: }
Daniel@0: .units-row .unit-65 {
Daniel@0:   width: 65.66666666666666%;
Daniel@0: }
Daniel@0: .units-row .unit-60 {
Daniel@0:   width: 58.800000000000004%;
Daniel@0: }
Daniel@0: .units-row .unit-50 {
Daniel@0:   width: 48.5%;
Daniel@0: }
Daniel@0: .units-row .unit-40 {
Daniel@0:   width: 38.2%;
Daniel@0: }
Daniel@0: .units-row .unit-35 {
Daniel@0:   width: 31.333333333333332%;
Daniel@0: }
Daniel@0: .units-row .unit-33 {
Daniel@0:   width: 31.333333333333332%;
Daniel@0: }
Daniel@0: .units-row .unit-30 {
Daniel@0:   width: 27.9%;
Daniel@0: }
Daniel@0: .units-row .unit-25 {
Daniel@0:   width: 22.75%;
Daniel@0: }
Daniel@0: .units-row .unit-20 {
Daniel@0:   width: 17.6%;
Daniel@0: }
Daniel@0: .units-row .unit-10 {
Daniel@0:   width: 7.3%;
Daniel@0: }
Daniel@0: .unit-push-90,
Daniel@0: .unit-push-80,
Daniel@0: .unit-push-75,
Daniel@0: .unit-push-70,
Daniel@0: .unit-push-66,
Daniel@0: .unit-push-65,
Daniel@0: .unit-push-60,
Daniel@0: .unit-push-50,
Daniel@0: .unit-push-40,
Daniel@0: .unit-push-35,
Daniel@0: .unit-push-33,
Daniel@0: .unit-push-30,
Daniel@0: .unit-push-25,
Daniel@0: .unit-push-20,
Daniel@0: .unit-push-10 {
Daniel@0:   position: relative;
Daniel@0: }
Daniel@0: .unit-push-90 {
Daniel@0:   left: 92.7%;
Daniel@0: }
Daniel@0: .unit-push-80 {
Daniel@0:   left: 82.4%;
Daniel@0: }
Daniel@0: .unit-push-75 {
Daniel@0:   left: 77.25%;
Daniel@0: }
Daniel@0: .unit-push-70 {
Daniel@0:   left: 72.1%;
Daniel@0: }
Daniel@0: .unit-push-66 {
Daniel@0:   left: 68.66666666666666%;
Daniel@0: }
Daniel@0: .unit-push-65 {
Daniel@0:   left: 68.66666666666666%;
Daniel@0: }
Daniel@0: .unit-push-60 {
Daniel@0:   left: 61.800000000000004%;
Daniel@0: }
Daniel@0: .unit-push-50 {
Daniel@0:   left: 51.5%;
Daniel@0: }
Daniel@0: .unit-push-40 {
Daniel@0:   left: 41.2%;
Daniel@0: }
Daniel@0: .unit-push-35 {
Daniel@0:   left: 34.33333333333333%;
Daniel@0: }
Daniel@0: .unit-push-33 {
Daniel@0:   left: 34.33333333333333%;
Daniel@0: }
Daniel@0: .unit-push-30 {
Daniel@0:   left: 30.9%;
Daniel@0: }
Daniel@0: .unit-push-25 {
Daniel@0:   left: 25.75%;
Daniel@0: }
Daniel@0: .unit-push-20 {
Daniel@0:   left: 20.6%;
Daniel@0: }
Daniel@0: .unit-push-10 {
Daniel@0:   left: 10.3%;
Daniel@0: }
Daniel@0: .units-row .unit-push-right {
Daniel@0:   float: right;
Daniel@0: }
Daniel@0: .centered,
Daniel@0: .unit-centered {
Daniel@0:   float: none !important;
Daniel@0:   margin: 0 auto !important;
Daniel@0: }
Daniel@0: .unit-padding {
Daniel@0:   padding: 1.618em;
Daniel@0: }
Daniel@0: .units-padding .unit-100,
Daniel@0: .units-padding .unit-90,
Daniel@0: .units-padding .unit-80,
Daniel@0: .units-padding .unit-75,
Daniel@0: .units-padding .unit-70,
Daniel@0: .units-padding .unit-66,
Daniel@0: .units-padding .unit-65,
Daniel@0: .units-padding .unit-60,
Daniel@0: .units-padding .unit-50,
Daniel@0: .units-padding .unit-40,
Daniel@0: .units-padding .unit-35,
Daniel@0: .units-padding .unit-33,
Daniel@0: .units-padding .unit-30,
Daniel@0: .units-padding .unit-25,
Daniel@0: .units-padding .unit-20,
Daniel@0: .units-padding .unit-10 {
Daniel@0:   padding: 1.618em;
Daniel@0: }
Daniel@0: .units-split .unit-90,
Daniel@0: .units-split .unit-80,
Daniel@0: .units-split .unit-75,
Daniel@0: .units-split .unit-70,
Daniel@0: .units-split .unit-66,
Daniel@0: .units-split .unit-65,
Daniel@0: .units-split .unit-60,
Daniel@0: .units-split .unit-50,
Daniel@0: .units-split .unit-40,
Daniel@0: .units-split .unit-35,
Daniel@0: .units-split .unit-33,
Daniel@0: .units-split .unit-30,
Daniel@0: .units-split .unit-25,
Daniel@0: .units-split .unit-20,
Daniel@0: .units-split .unit-10 {
Daniel@0:   margin-left: 0;
Daniel@0: }
Daniel@0: .units-split .unit-90 {
Daniel@0:   width: 90%;
Daniel@0: }
Daniel@0: .units-split .unit-80 {
Daniel@0:   width: 80%;
Daniel@0: }
Daniel@0: .units-split .unit-75 {
Daniel@0:   width: 75%;
Daniel@0: }
Daniel@0: .units-split .unit-70 {
Daniel@0:   width: 70%;
Daniel@0: }
Daniel@0: .units-split .unit-66 {
Daniel@0:   width: 66.6%;
Daniel@0: }
Daniel@0: .units-split .unit-65 {
Daniel@0:   width: 65%;
Daniel@0: }
Daniel@0: .units-split .unit-60 {
Daniel@0:   width: 60%;
Daniel@0: }
Daniel@0: .units-split .unit-50 {
Daniel@0:   width: 50%;
Daniel@0: }
Daniel@0: .units-split .unit-40 {
Daniel@0:   width: 40%;
Daniel@0: }
Daniel@0: .units-split .unit-35 {
Daniel@0:   width: 35%;
Daniel@0: }
Daniel@0: .units-split .unit-33 {
Daniel@0:   width: 33.3%;
Daniel@0: }
Daniel@0: .units-split .unit-30 {
Daniel@0:   width: 30%;
Daniel@0: }
Daniel@0: .units-split .unit-25 {
Daniel@0:   width: 25%;
Daniel@0: }
Daniel@0: .units-split .unit-20 {
Daniel@0:   width: 20%;
Daniel@0: }
Daniel@0: .units-split .unit-10 {
Daniel@0:   width: 10%;
Daniel@0: }
Daniel@0: /* =Responsive
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: @media only screen and (max-width: 767px) {
Daniel@0:   .mobile-width-100 {
Daniel@0:     width: 100%;
Daniel@0:   }
Daniel@0:   .units-row .unit-90,
Daniel@0:   .units-row .unit-80,
Daniel@0:   .units-row .unit-75,
Daniel@0:   .units-row .unit-70,
Daniel@0:   .units-row .unit-66,
Daniel@0:   .units-row .unit-65,
Daniel@0:   .units-row .unit-60,
Daniel@0:   .units-row .unit-50,
Daniel@0:   .units-row .unit-40,
Daniel@0:   .units-row .unit-35,
Daniel@0:   .units-row .unit-33,
Daniel@0:   .units-row .unit-30,
Daniel@0:   .units-row .unit-25,
Daniel@0:   .units-row .unit-20,
Daniel@0:   .units-row .unit-10 {
Daniel@0:     width: 100%;
Daniel@0:     float: none;
Daniel@0:     margin-left: 0;
Daniel@0:     margin-bottom: 1.618em;
Daniel@0:   }
Daniel@0:   .unit-push-90,
Daniel@0:   .unit-push-80,
Daniel@0:   .unit-push-75,
Daniel@0:   .unit-push-70,
Daniel@0:   .unit-push-66,
Daniel@0:   .unit-push-65,
Daniel@0:   .unit-push-60,
Daniel@0:   .unit-push-50,
Daniel@0:   .unit-push-40,
Daniel@0:   .unit-push-35,
Daniel@0:   .unit-push-33,
Daniel@0:   .unit-push-30,
Daniel@0:   .unit-push-25,
Daniel@0:   .unit-push-20,
Daniel@0:   .unit-push-10 {
Daniel@0:     left: 0;
Daniel@0:   }
Daniel@0:   .units-row .unit-push-right {
Daniel@0:     float: none;
Daniel@0:   }
Daniel@0:   .units-mobile-50 .unit-90,
Daniel@0:   .units-mobile-50 .unit-80,
Daniel@0:   .units-mobile-50 .unit-75,
Daniel@0:   .units-mobile-50 .unit-70,
Daniel@0:   .units-mobile-50 .unit-66,
Daniel@0:   .units-mobile-50 .unit-65,
Daniel@0:   .units-mobile-50 .unit-60,
Daniel@0:   .units-mobile-50 .unit-40,
Daniel@0:   .units-mobile-50 .unit-30,
Daniel@0:   .units-mobile-50 .unit-35,
Daniel@0:   .units-mobile-50 .unit-33,
Daniel@0:   .units-mobile-50 .unit-25,
Daniel@0:   .units-mobile-50 .unit-20,
Daniel@0:   .units-mobile-50 .unit-10 {
Daniel@0:     float: left;
Daniel@0:     margin-left: 3%;
Daniel@0:     width: 48.5%;
Daniel@0:   }
Daniel@0:   .units-mobile-50 .unit-90:first-child,
Daniel@0:   .units-mobile-50 .unit-80:first-child,
Daniel@0:   .units-mobile-50 .unit-75:first-child,
Daniel@0:   .units-mobile-50 .unit-70:first-child,
Daniel@0:   .units-mobile-50 .unit-66:first-child,
Daniel@0:   .units-mobile-50 .unit-65:first-child,
Daniel@0:   .units-mobile-50 .unit-60:first-child,
Daniel@0:   .units-mobile-50 .unit-40:first-child,
Daniel@0:   .units-mobile-50 .unit-35:first-child,
Daniel@0:   .units-mobile-50 .unit-30:first-child,
Daniel@0:   .units-mobile-50 .unit-33:first-child,
Daniel@0:   .units-mobile-50 .unit-25:first-child,
Daniel@0:   .units-mobile-50 .unit-20:first-child,
Daniel@0:   .units-mobile-50 .unit-10:first-child {
Daniel@0:     margin-left: 0;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* =Blocks
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .blocks-2,
Daniel@0: .blocks-3,
Daniel@0: .blocks-4,
Daniel@0: .blocks-5,
Daniel@0: .blocks-6 {
Daniel@0:   padding-left: 0;
Daniel@0:   list-style: none;
Daniel@0:   margin-left: -3%;
Daniel@0: }
Daniel@0: .blocks-2:after,
Daniel@0: .blocks-3:after,
Daniel@0: .blocks-4:after,
Daniel@0: .blocks-5:after,
Daniel@0: .blocks-6:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .blocks-2:after,
Daniel@0: .blocks-3:after,
Daniel@0: .blocks-4:after,
Daniel@0: .blocks-5:after,
Daniel@0: .blocks-6:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .blocks-2 li,
Daniel@0: .blocks-3 li,
Daniel@0: .blocks-4 li,
Daniel@0: .blocks-5 li,
Daniel@0: .blocks-6 li {
Daniel@0:   height: auto;
Daniel@0:   float: left;
Daniel@0:   margin-bottom: 1.618em;
Daniel@0:   margin-left: 3%;
Daniel@0: }
Daniel@0: .blocks-2 > li {
Daniel@0:   width: 47%;
Daniel@0: }
Daniel@0: .blocks-3 > li {
Daniel@0:   width: 30.333333333333332%;
Daniel@0: }
Daniel@0: .blocks-4 > li {
Daniel@0:   width: 22%;
Daniel@0: }
Daniel@0: .blocks-5 > li {
Daniel@0:   width: 17%;
Daniel@0: }
Daniel@0: .blocks-6 > li {
Daniel@0:   width: 13.666666666666666%;
Daniel@0: }
Daniel@0: .block-first {
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: /* =Responsive
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: @media only screen and (max-width: 767px) {
Daniel@0:   .blocks-2,
Daniel@0:   .blocks-3,
Daniel@0:   .blocks-4,
Daniel@0:   .blocks-5,
Daniel@0:   .blocks-6 {
Daniel@0:     margin-left: 0;
Daniel@0:     margin-bottom: 1.618em;
Daniel@0:   }
Daniel@0:   .blocks-2 > li,
Daniel@0:   .blocks-3 > li,
Daniel@0:   .blocks-4 > li,
Daniel@0:   .blocks-5 > li,
Daniel@0:   .blocks-6 > li {
Daniel@0:     float: none;
Daniel@0:     margin-left: 0;
Daniel@0:     width: 100%;
Daniel@0:   }
Daniel@0:   .blocks-mobile-50 > li,
Daniel@0:   .blocks-mobile-33 > li {
Daniel@0:     float: left;
Daniel@0:     margin-left: 3%;
Daniel@0:   }
Daniel@0:   .blocks-mobile-33,
Daniel@0:   .blocks-mobile-50 {
Daniel@0:     margin-left: -3%;
Daniel@0:   }
Daniel@0:   .blocks-mobile-50 > li {
Daniel@0:     width: 47%;
Daniel@0:   }
Daniel@0:   .blocks-mobile-33 > li {
Daniel@0:     width: 30.333333333333332%;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* =Tables
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: table.table-bordered td,
Daniel@0: table.table-bordered th {
Daniel@0:   border: 1px solid #ddd;
Daniel@0: }
Daniel@0: table.table-simple td,
Daniel@0: table.table-simple th,
Daniel@0: table.table-simple caption {
Daniel@0:   border: none;
Daniel@0:   padding-left: 0;
Daniel@0: }
Daniel@0: table.table-flat td,
Daniel@0: table.table-flat th,
Daniel@0: table.table-flat caption {
Daniel@0:   border: none;
Daniel@0:   padding: 0;
Daniel@0: }
Daniel@0: table.table-striped tbody tr:nth-child(odd) td {
Daniel@0:   background-color: #f8f8f8;
Daniel@0: }
Daniel@0: table.table-hovered tbody tr:hover td {
Daniel@0:   background-color: #f4f4f4;
Daniel@0: }
Daniel@0: /* Responsive Tables */
Daniel@0: .table-container {
Daniel@0:   width: 100%;
Daniel@0:   overflow: auto;
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: .table-container table {
Daniel@0:   margin-bottom: 0;
Daniel@0: }
Daniel@0: .table-container::-webkit-scrollbar {
Daniel@0:   -webkit-appearance: none;
Daniel@0:   width: 14px;
Daniel@0:   height: 14px;
Daniel@0: }
Daniel@0: .table-container::-webkit-scrollbar-thumb {
Daniel@0:   border-radius: 8px;
Daniel@0:   border: 3px solid #fff;
Daniel@0:   background-color: rgba(0, 0, 0, 0.3);
Daniel@0: }
Daniel@0: /* =Forms
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .forms label {
Daniel@0:   display: block;
Daniel@0:   margin-bottom: 1.0786666666666667em;
Daniel@0: }
Daniel@0: .forms input[type="text"],
Daniel@0: .forms input[type="password"],
Daniel@0: .forms input[type="email"],
Daniel@0: .forms input[type="url"],
Daniel@0: .forms input[type="phone"],
Daniel@0: .forms input[type="tel"],
Daniel@0: .forms input[type="number"],
Daniel@0: .forms input[type="datetime"],
Daniel@0: .forms input[type="date"],
Daniel@0: .forms input[type="month"],
Daniel@0: .forms input[type="color"],
Daniel@0: .forms input[type="time"],
Daniel@0: .forms input[type="search"],
Daniel@0: .forms input[type="range"],
Daniel@0: .forms input[type="file"],
Daniel@0: .forms input[type="datetime-local"],
Daniel@0: .forms textarea,
Daniel@0: .forms select {
Daniel@0:   display: block;
Daniel@0: }
Daniel@0: .forms-inline-list input[type="text"],
Daniel@0: .forms-inline-list input[type="password"],
Daniel@0: .forms-inline-list input[type="email"],
Daniel@0: .forms-inline-list input[type="url"],
Daniel@0: .forms-inline-list input[type="phone"],
Daniel@0: .forms-inline-list input[type="tel"],
Daniel@0: .forms-inline-list input[type="number"],
Daniel@0: .forms-inline-list input[type="datetime"],
Daniel@0: .forms-inline-list input[type="date"],
Daniel@0: .forms-inline-list input[type="month"],
Daniel@0: .forms-inline-list input[type="color"],
Daniel@0: .forms-inline-list input[type="time"],
Daniel@0: .forms-inline-list input[type="search"],
Daniel@0: .forms-inline-list input[type="range"],
Daniel@0: .forms-inline-list input[type="file"],
Daniel@0: .forms-inline-list input[type="datetime-local"],
Daniel@0: .forms-inline-list textarea,
Daniel@0: .forms-inline-list select {
Daniel@0:   display: inline-block;
Daniel@0: }
Daniel@0: .forms-list,
Daniel@0: .forms-inline-list {
Daniel@0:   margin: 0;
Daniel@0:   padding: 0;
Daniel@0:   margin-bottom: 1.0786666666666667em;
Daniel@0:   list-style: none;
Daniel@0: }
Daniel@0: .forms-list label,
Daniel@0: .forms-inline-list li,
Daniel@0: .forms-inline-list li label {
Daniel@0:   display: inline-block;
Daniel@0:   margin-bottom: 0;
Daniel@0: }
Daniel@0: .forms-inline-list li label {
Daniel@0:   margin-right: 0.809em;
Daniel@0: }
Daniel@0: .forms-inline-list li {
Daniel@0:   margin-bottom: 3px;
Daniel@0: }
Daniel@0: .forms-list li {
Daniel@0:   margin-bottom: 6px;
Daniel@0: }
Daniel@0: .forms-desc {
Daniel@0:   margin-top: 4px;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0:   font-size: 0.85em;
Daniel@0:   line-height: 1.4em;
Daniel@0: }
Daniel@0: input[type="text"],
Daniel@0: input[type="password"],
Daniel@0: input[type="email"],
Daniel@0: input[type="url"],
Daniel@0: input[type="phone"],
Daniel@0: input[type="tel"],
Daniel@0: input[type="number"],
Daniel@0: input[type="datetime"],
Daniel@0: input[type="date"],
Daniel@0: input[type="month"],
Daniel@0: input[type="color"],
Daniel@0: input[type="time"],
Daniel@0: input[type="search"],
Daniel@0: input[type="datetime-local"],
Daniel@0: textarea {
Daniel@0:   -moz-transition: border ease 0.5s;
Daniel@0:   transition: border ease 0.5s;
Daniel@0: }
Daniel@0: /* States */
Daniel@0: .error,
Daniel@0: .success {
Daniel@0:   font-weight: normal;
Daniel@0:   font-size: 0.85em;
Daniel@0: }
Daniel@0: input.input-error,
Daniel@0: textarea.input-error,
Daniel@0: select.input-error,
Daniel@0: .input-error {
Daniel@0:   border-color: #d70a16;
Daniel@0:   box-shadow: 0 0 0 2px rgba(215, 10, 22, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
Daniel@0: }
Daniel@0: input.input-success,
Daniel@0: textarea.input-success,
Daniel@0: select.input-success,
Daniel@0: .input-success {
Daniel@0:   border-color: #159776;
Daniel@0:   box-shadow: 0 0 0 2px rgba(21, 151, 118, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
Daniel@0: }
Daniel@0: input.input-gray,
Daniel@0: textarea.input-gray,
Daniel@0: select.input-gray,
Daniel@0: .input-gray {
Daniel@0:   border-color: #ccc;
Daniel@0:   box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
Daniel@0: }
Daniel@0: input[type="text"]:focus,
Daniel@0: input[type="password"]:focus,
Daniel@0: input[type="email"]:focus,
Daniel@0: input[type="url"]:focus,
Daniel@0: input[type="phone"]:focus,
Daniel@0: input[type="tel"]:focus,
Daniel@0: input[type="number"]:focus,
Daniel@0: input[type="datetime"]:focus,
Daniel@0: input[type="date"]:focus,
Daniel@0: input[type="month"]:focus,
Daniel@0: input[type="color"]:focus,
Daniel@0: input[type="time"]:focus,
Daniel@0: input[type="search"]:focus,
Daniel@0: input[type="datetime-local"]:focus,
Daniel@0: textarea:focus {
Daniel@0:   outline: none;
Daniel@0:   border-color: #5ca9e4;
Daniel@0:   box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
Daniel@0: }
Daniel@0: input.input-search,
Daniel@0: input[type="search"] {
Daniel@0:   padding-right: .5em;
Daniel@0:   padding-left: .5em;
Daniel@0:   margin-bottom: 0;
Daniel@0:   border-radius: 15px;
Daniel@0: }
Daniel@0: /* Sizes */
Daniel@0: .input-big,
Daniel@0: .input-small,
Daniel@0: .input-small-super {
Daniel@0:   padding: .3em 1.75em;
Daniel@0: }
Daniel@0: .input-big {
Daniel@0:   font-size: 1.25em;
Daniel@0: }
Daniel@0: .input-small {
Daniel@0:   font-size: 0.85em;
Daniel@0: }
Daniel@0: .input-small-super {
Daniel@0:   font-size: 0.65em;
Daniel@0: }
Daniel@0: /* Append & Prepend */
Daniel@0: .input-groups {
Daniel@0:   display: table !important;
Daniel@0: }
Daniel@0: .input-groups input {
Daniel@0:   width: 100%;
Daniel@0: }
Daniel@0: .input-groups input,
Daniel@0: .input-groups .input-append,
Daniel@0: .input-groups .input-prepend,
Daniel@0: .input-groups .btn-append {
Daniel@0:   display: table-cell !important;
Daniel@0: }
Daniel@0: .input-groups .btn-append,
Daniel@0: .input-groups .input-append,
Daniel@0: .input-groups .input-prepend {
Daniel@0:   width: 1%;
Daniel@0:   vertical-align: middle;
Daniel@0: }
Daniel@0: .input-groups .input-append,
Daniel@0: .input-groups .input-prepend {
Daniel@0:   background-color: #eee;
Daniel@0:   border: 1px solid #ccc;
Daniel@0:   margin: 0;
Daniel@0:   padding: .35em .75em .25em .75em;
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0:   line-height: 1.618em;
Daniel@0:   font-size: 0.85em;
Daniel@0:   white-space: nowrap;
Daniel@0: }
Daniel@0: .input-groups .input-prepend {
Daniel@0:   border-right: none;
Daniel@0: }
Daniel@0: .input-groups .input-append {
Daniel@0:   position: relative;
Daniel@0:   z-index: 1;
Daniel@0:   border-left: none;
Daniel@0: }
Daniel@0: .input-groups .btn-append .btn {
Daniel@0:   display: block;
Daniel@0:   height: auto;
Daniel@0:   border-radius: 0 2px 2px 0;
Daniel@0: }
Daniel@0: /* =Mobile (Portrait)
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: @media only screen and (max-width: 767px) {
Daniel@0:   .forms-list label {
Daniel@0:     display: inline-block;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* =Navs
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: /* NavBar */
Daniel@0: .navbar {
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: .navbar:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .navbar:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .navbar-left {
Daniel@0:   float: left;
Daniel@0: }
Daniel@0: .navbar-right {
Daniel@0:   float: right;
Daniel@0: }
Daniel@0: .navbar ul {
Daniel@0:   list-style: none;
Daniel@0:   margin: 0;
Daniel@0: }
Daniel@0: .navbar ul:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .navbar ul:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .navbar ul li {
Daniel@0:   float: left;
Daniel@0:   margin-right: 1.618em;
Daniel@0: }
Daniel@0: .navbar-right ul li {
Daniel@0:   margin-right: 0;
Daniel@0:   margin-left: 1.618em;
Daniel@0: }
Daniel@0: .navbar ul li a,
Daniel@0: .navbar ul li span {
Daniel@0:   display: block;
Daniel@0:   text-decoration: none;
Daniel@0: }
Daniel@0: .navbar ul li a:hover {
Daniel@0:   color: #d70a16;
Daniel@0: }
Daniel@0: .navbar ul li.active a,
Daniel@0: .navbar ul li span {
Daniel@0:   text-decoration: none;
Daniel@0:   cursor: text;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0: }
Daniel@0: /* Fullwidth */
Daniel@0: .fullwidth ul {
Daniel@0:   width: 100%;
Daniel@0: }
Daniel@0: .fullwidth li {
Daniel@0:   float: none !important;
Daniel@0:   margin: 0;
Daniel@0:   display: table-cell;
Daniel@0:   width: 1%;
Daniel@0:   text-align: center;
Daniel@0: }
Daniel@0: .fullwidth li a,
Daniel@0: .fullwidth li span {
Daniel@0:   display: block;
Daniel@0: }
Daniel@0: /* Vertical */
Daniel@0: .nav {
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: .nav ul {
Daniel@0:   list-style: none;
Daniel@0:   margin: 0;
Daniel@0: }
Daniel@0: .nav ul li ul {
Daniel@0:   margin-left: 2em;
Daniel@0:   font-size: .95em;
Daniel@0: }
Daniel@0: .nav ul li a,
Daniel@0: .nav ul li span {
Daniel@0:   display: block;
Daniel@0:   padding: 5px 0;
Daniel@0: }
Daniel@0: .nav ul li ul li a,
Daniel@0: .nav ul li ul li span {
Daniel@0:   padding: 4px 0;
Daniel@0: }
Daniel@0: .nav ul li a {
Daniel@0:   text-decoration: none;
Daniel@0: }
Daniel@0: .nav ul li a:hover {
Daniel@0:   color: #d70a16;
Daniel@0:   text-decoration: underline;
Daniel@0: }
Daniel@0: .nav ul li.active a,
Daniel@0: .nav ul li span {
Daniel@0:   text-decoration: none;
Daniel@0:   cursor: text;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0: }
Daniel@0: /* Stroked */
Daniel@0: .nav-stroked li {
Daniel@0:   border-bottom: 1px solid #eee;
Daniel@0: }
Daniel@0: .nav-stroked li:last-child {
Daniel@0:   border-bottom: none;
Daniel@0: }
Daniel@0: /* Stacked */
Daniel@0: .nav-stacked ul {
Daniel@0:   border: 1px solid #eee;
Daniel@0:   border-bottom: 0;
Daniel@0: }
Daniel@0: .nav-stacked ul li {
Daniel@0:   border-bottom: 1px solid #eee;
Daniel@0: }
Daniel@0: .nav-stacked ul li a,
Daniel@0: .nav-stacked ul li span {
Daniel@0:   padding: 5px 10px;
Daniel@0: }
Daniel@0: .nav-stacked ul li a:hover {
Daniel@0:   background-color: #f5f5f5;
Daniel@0: }
Daniel@0: /* Stats */
Daniel@0: .nav-stats li {
Daniel@0:   position: relative;
Daniel@0: }
Daniel@0: .nav-stats li a,
Daniel@0: .nav-stats li span {
Daniel@0:   padding-right: 50px;
Daniel@0: }
Daniel@0: .nav-stats sup {
Daniel@0:   position: absolute;
Daniel@0:   top: 50%;
Daniel@0:   right: 0;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0: }
Daniel@0: .nav-stats.nav-stacked sup {
Daniel@0:   right: .5em;
Daniel@0: }
Daniel@0: /* Breadcrumbs */
Daniel@0: .breadcrumbs {
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: .breadcrumbs:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .breadcrumbs:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .breadcrumbs ul {
Daniel@0:   font-size: .9em;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0:   list-style: none;
Daniel@0:   margin: 0;
Daniel@0: }
Daniel@0: .breadcrumbs ul:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .breadcrumbs ul:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .breadcrumbs ul li {
Daniel@0:   float: left;
Daniel@0:   margin-right: 3px;
Daniel@0: }
Daniel@0: .breadcrumbs li + li:before {
Daniel@0:   content: " > ";
Daniel@0:   color: #aaa;
Daniel@0:   font-size: 12px;
Daniel@0:   margin: 0 3px;
Daniel@0:   position: relative;
Daniel@0:   top: -1px;
Daniel@0: }
Daniel@0: .breadcrumbs-sections li + li:before {
Daniel@0:   content: " | ";
Daniel@0:   top: 0;
Daniel@0: }
Daniel@0: .breadcrumbs-path li + li:before {
Daniel@0:   content: " / ";
Daniel@0:   top: 0;
Daniel@0: }
Daniel@0: .breadcrumbs ul li a {
Daniel@0:   color: #0f0f0f;
Daniel@0:   text-decoration: none;
Daniel@0: }
Daniel@0: .breadcrumbs ul li.active a,
Daniel@0: .breadcrumbs ul li.active a:hover {
Daniel@0:   text-decoration: none;
Daniel@0:   cursor: text;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0: }
Daniel@0: .breadcrumbs ul li a:hover {
Daniel@0:   color: #0f0f0f;
Daniel@0:   text-decoration: underline;
Daniel@0: }
Daniel@0: /* =Pagination
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .pagination {
Daniel@0:   position: relative;
Daniel@0:   left: -9px;
Daniel@0:   margin-left: 0;
Daniel@0:   list-style: none;
Daniel@0: }
Daniel@0: .pagination:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .pagination:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .pagination li {
Daniel@0:   float: left;
Daniel@0:   margin-right: 2px;
Daniel@0: }
Daniel@0: .pagination li a,
Daniel@0: .pagination li span {
Daniel@0:   display: block;
Daniel@0:   padding: 7px 9px;
Daniel@0:   line-height: 1;
Daniel@0:   border-radius: 2px;
Daniel@0:   color: #0f0f0f;
Daniel@0:   text-decoration: none;
Daniel@0: }
Daniel@0: .pagination li span,
Daniel@0: .pagination li.active a,
Daniel@0: .pagination li.active a:hover {
Daniel@0:   border: 1px solid #ddd;
Daniel@0:   background: none;
Daniel@0:   cursor: text;
Daniel@0: }
Daniel@0: .pagination li a:focus,
Daniel@0: .pagination li a:hover {
Daniel@0:   text-decoration: none;
Daniel@0:   background-color: #0f0f0f;
Daniel@0:   color: #fff;
Daniel@0:   border: 1px solid transparent;
Daniel@0: }
Daniel@0: /* =Responsive
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: @media only screen and (max-width: 767px) {
Daniel@0:   .navbar-left,
Daniel@0:   .navbar-right,
Daniel@0:   .navbar ul li,
Daniel@0:   .navbar-right ul li {
Daniel@0:     float: none;
Daniel@0:     text-align: center;
Daniel@0:   }
Daniel@0:   .navbar ul li,
Daniel@0:   .navbar-right ul li {
Daniel@0:     margin-left: 0;
Daniel@0:     margin-right: 0;
Daniel@0:   }
Daniel@0:   .fullwidth ul {
Daniel@0:     width: auto;
Daniel@0:   }
Daniel@0:   .fullwidth li {
Daniel@0:     display: block;
Daniel@0:     width: auto;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* =Buttons
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .btn {
Daniel@0:   display: inline-block;
Daniel@0:   vertical-align: top;
Daniel@0:   font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
Daniel@0:   font-size: 1em;
Daniel@0:   font-weight: 400;
Daniel@0:   line-height: 1.618em;
Daniel@0:   text-align: center;
Daniel@0:   text-decoration: none;
Daniel@0:   color: #333333;
Daniel@0:   margin: 0;
Daniel@0:   border: 1px solid transparent;
Daniel@0:   border-radius: 2px;
Daniel@0:   box-shadow: none;
Daniel@0:   cursor: pointer;
Daniel@0:   background: #eeeded;
Daniel@0:   padding: .3em 1.3em;
Daniel@0: }
Daniel@0: .btn:hover {
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0:   background: #dbdada;
Daniel@0: }
Daniel@0: .btn::-moz-focus-inner {
Daniel@0:   border: 0;
Daniel@0:   padding: 0;
Daniel@0: }
Daniel@0: .btn-big {
Daniel@0:   font-size: 1.25em;
Daniel@0: }
Daniel@0: .btn-small {
Daniel@0:   font-size: 0.85em;
Daniel@0: }
Daniel@0: .btn-small-super {
Daniel@0:   font-size: 0.65em;
Daniel@0:   vertical-align: baseline;
Daniel@0: }
Daniel@0: .btn-outline {
Daniel@0:   background: none;
Daniel@0:   border: 1px solid #ddd;
Daniel@0: }
Daniel@0: .btn-blue,
Daniel@0: .btn-red,
Daniel@0: .btn-green,
Daniel@0: .btn-black {
Daniel@0:   color: rgba(255, 255, 255, 0.9);
Daniel@0: }
Daniel@0: .btn-blue:hover,
Daniel@0: .btn-red:hover,
Daniel@0: .btn-green:hover,
Daniel@0: .btn-black:hover {
Daniel@0:   color: rgba(255, 255, 255, 0.6);
Daniel@0: }
Daniel@0: .btn-white {
Daniel@0:   background: #fff;
Daniel@0: }
Daniel@0: .btn-white:hover {
Daniel@0:   background: #f2f2f2;
Daniel@0: }
Daniel@0: .btn-white.btn-outline {
Daniel@0:   background: none;
Daniel@0:   border-color: rgba(255, 255, 255, 0.85);
Daniel@0:   color: rgba(255, 255, 255, 0.85);
Daniel@0: }
Daniel@0: .btn-white.btn-outline:hover {
Daniel@0:   color: rgba(0, 0, 0, 0.9);
Daniel@0:   background: #fff;
Daniel@0: }
Daniel@0: .btn-blue.btn-outline {
Daniel@0:   background: none;
Daniel@0:   border-color: #3d58a8;
Daniel@0:   color: #3d58a8;
Daniel@0: }
Daniel@0: .btn-blue.btn-outline:hover {
Daniel@0:   color: rgba(255, 255, 255, 0.9);
Daniel@0:   background: #3d58a8;
Daniel@0: }
Daniel@0: .btn-red.btn-outline {
Daniel@0:   background: none;
Daniel@0:   border-color: #d70a16;
Daniel@0:   color: #d70a16;
Daniel@0: }
Daniel@0: .btn-red.btn-outline:hover {
Daniel@0:   color: rgba(255, 255, 255, 0.9);
Daniel@0:   background: #d70a16;
Daniel@0: }
Daniel@0: .btn-green.btn-outline {
Daniel@0:   background: none;
Daniel@0:   border-color: #159776;
Daniel@0:   color: #159776;
Daniel@0: }
Daniel@0: .btn-green.btn-outline:hover {
Daniel@0:   color: rgba(255, 255, 255, 0.9);
Daniel@0:   background: #159776;
Daniel@0: }
Daniel@0: .btn-black.btn-outline {
Daniel@0:   background: none;
Daniel@0:   border-color: #0f0f0f;
Daniel@0:   color: #0f0f0f;
Daniel@0: }
Daniel@0: .btn-black.btn-outline:hover {
Daniel@0:   color: rgba(255, 255, 255, 0.9);
Daniel@0:   background: #0f0f0f;
Daniel@0: }
Daniel@0: .btn-blue {
Daniel@0:   background: #3d58a8;
Daniel@0: }
Daniel@0: .btn-blue:hover {
Daniel@0:   background: #2f4483;
Daniel@0: }
Daniel@0: .btn-red {
Daniel@0:   background: #d70a16;
Daniel@0: }
Daniel@0: .btn-red:hover {
Daniel@0:   background: #a60811;
Daniel@0: }
Daniel@0: .btn-green {
Daniel@0:   background: #159776;
Daniel@0: }
Daniel@0: .btn-green:hover {
Daniel@0:   background: #0f6a53;
Daniel@0: }
Daniel@0: .btn-yellow {
Daniel@0:   background: #fddc43;
Daniel@0:   color: #000;
Daniel@0: }
Daniel@0: .btn-yellow:hover {
Daniel@0:   background: #e7be02;
Daniel@0: }
Daniel@0: .btn-black {
Daniel@0:   background: #000;
Daniel@0: }
Daniel@0: .btn-black:hover {
Daniel@0:   background: #333333;
Daniel@0: }
Daniel@0: .btn-active,
Daniel@0: .btn[disabled],
Daniel@0: .btn-disabled {
Daniel@0:   background: none;
Daniel@0:   background: #dbdada;
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0: }
Daniel@0: .btn-active:hover,
Daniel@0: .btn[disabled]:hover,
Daniel@0: .btn-disabled:hover {
Daniel@0:   color: rgba(0, 0, 0, 0.5);
Daniel@0: }
Daniel@0: .btn-active {
Daniel@0:   border-top-color: #aaa;
Daniel@0:   border-right-color: #bbb;
Daniel@0:   border-left-color: #bbb;
Daniel@0:   border-bottom-color: #ccc;
Daniel@0:   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
Daniel@0: }
Daniel@0: .btn-outline.btn[disabled],
Daniel@0: .btn-outline.btn-disabled {
Daniel@0:   background: none;
Daniel@0:   box-shadow: none;
Daniel@0:   color: rgba(0, 0, 0, 0.3);
Daniel@0:   border: 1px solid rgba(0, 0, 0, 0.1);
Daniel@0: }
Daniel@0: .btn-outline.btn-active {
Daniel@0:   background: none;
Daniel@0:   color: rgba(0, 0, 0, 0.4);
Daniel@0:   border-top-color: #ccc;
Daniel@0:   border-right-color: #ccc;
Daniel@0:   border-left-color: #ccc;
Daniel@0:   border-bottom-color: #ddd;
Daniel@0:   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
Daniel@0: }
Daniel@0: .btn[disabled],
Daniel@0: .btn-disabled {
Daniel@0:   cursor: default;
Daniel@0:   box-shadow: none;
Daniel@0: }
Daniel@0: .btn-blue.btn-active,
Daniel@0: .btn-red.btn-active,
Daniel@0: .btn-green.btn-active,
Daniel@0: .btn-black.btn-active {
Daniel@0:   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
Daniel@0: }
Daniel@0: .btn-blue.btn-active,
Daniel@0: .btn-red.btn-active,
Daniel@0: .btn-green.btn-active,
Daniel@0: .btn-black.btn-active,
Daniel@0: .btn-blue.btn-disabled,
Daniel@0: .btn-red.btn-disabled,
Daniel@0: .btn-green.btn-disabled,
Daniel@0: .btn-black.btn-disabled,
Daniel@0: .btn-blue[disabled],
Daniel@0: .btn-red[disabled],
Daniel@0: .btn-green[disabled],
Daniel@0: .btn-black[disabled] {
Daniel@0:   color: rgba(255, 255, 255, 0.6);
Daniel@0: }
Daniel@0: .btn-blue.btn-active:hover,
Daniel@0: .btn-red.btn-active:hover,
Daniel@0: .btn-green.btn-active:hover,
Daniel@0: .btn-black.btn-active:hover,
Daniel@0: .btn-blue.btn-disabled:hover,
Daniel@0: .btn-red.btn-disabled:hover,
Daniel@0: .btn-green.btn-disabled:hover,
Daniel@0: .btn-black.btn-disabled:hover,
Daniel@0: .btn-blue[disabled]:hover,
Daniel@0: .btn-red[disabled]:hover,
Daniel@0: .btn-green[disabled]:hover,
Daniel@0: .btn-black[disabled]:hover {
Daniel@0:   color: rgba(255, 255, 255, 0.6);
Daniel@0: }
Daniel@0: .btn-white.btn-active {
Daniel@0:   border-color: #ccc;
Daniel@0:   border-bottom-color: #ddd;
Daniel@0: }
Daniel@0: .btn-blue.btn-active {
Daniel@0:   border-color: #2f4483;
Daniel@0: }
Daniel@0: .btn-green.btn-active {
Daniel@0:   border-color: #0f6a53;
Daniel@0: }
Daniel@0: .btn-red.btn-active {
Daniel@0:   border-color: #a60811;
Daniel@0: }
Daniel@0: .btn-yellow.btn-active {
Daniel@0:   border-color: #be9d02;
Daniel@0: }
Daniel@0: .btn-black.btn-active {
Daniel@0:   border-color: #000;
Daniel@0: }
Daniel@0: .btn-white.btn-active,
Daniel@0: .btn-white.btn-disabled,
Daniel@0: .btn-white[disabled] {
Daniel@0:   background: #f2f2f2;
Daniel@0: }
Daniel@0: .btn-blue.btn-active,
Daniel@0: .btn-blue.btn-disabled,
Daniel@0: .btn-blue[disabled] {
Daniel@0:   background: #2f4483;
Daniel@0: }
Daniel@0: .btn-red.btn-active,
Daniel@0: .btn-red.btn-disabled,
Daniel@0: .btn-red[disabled] {
Daniel@0:   background: #a60811;
Daniel@0: }
Daniel@0: .btn-green.btn-active,
Daniel@0: .btn-green.btn-disabled,
Daniel@0: .btn-green[disabled] {
Daniel@0:   background: #0f6a53;
Daniel@0: }
Daniel@0: .btn-yellow.btn-active,
Daniel@0: .btn-yellow.btn-disabled,
Daniel@0: .btn-yellow[disabled] {
Daniel@0:   background: #e7be02;
Daniel@0: }
Daniel@0: .btn-black.btn-active,
Daniel@0: .btn-black.btn-disabled,
Daniel@0: .btn-black[disabled] {
Daniel@0:   background: #4d4d4d;
Daniel@0: }
Daniel@0: /* =Helpers
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: .group:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .group:after {
Daniel@0:   content: "";
Daniel@0:   display: table;
Daniel@0:   clear: both;
Daniel@0: }
Daniel@0: .big {
Daniel@0:   font-size: 1.25em;
Daniel@0: }
Daniel@0: .small {
Daniel@0:   font-size: 0.85em;
Daniel@0: }
Daniel@0: .small-super {
Daniel@0:   font-size: 0.65em;
Daniel@0: }
Daniel@0: .nowrap,
Daniel@0: .nowrap td {
Daniel@0:   white-space: nowrap;
Daniel@0: }
Daniel@0: .req,
Daniel@0: .required {
Daniel@0:   font-weight: normal;
Daniel@0:   color: #d70a16;
Daniel@0: }
Daniel@0: .color-gray {
Daniel@0:   color: #777;
Daniel@0: }
Daniel@0: .color-gray-light {
Daniel@0:   color: #999;
Daniel@0: }
Daniel@0: .color-black {
Daniel@0:   color: #000;
Daniel@0: }
Daniel@0: .color-red,
Daniel@0: .error {
Daniel@0:   color: #d70a16;
Daniel@0: }
Daniel@0: .color-green,
Daniel@0: .success {
Daniel@0:   color: #159776;
Daniel@0: }
Daniel@0: .text-centered {
Daniel@0:   text-align: center;
Daniel@0: }
Daniel@0: .text-right {
Daniel@0:   text-align: right;
Daniel@0: }
Daniel@0: .last {
Daniel@0:   margin-right: 0 !important;
Daniel@0: }
Daniel@0: .pause {
Daniel@0:   margin-bottom: 0.809em !important;
Daniel@0: }
Daniel@0: .end {
Daniel@0:   margin-bottom: 0 !important;
Daniel@0: }
Daniel@0: .normal {
Daniel@0:   font-weight: normal;
Daniel@0: }
Daniel@0: .bold {
Daniel@0:   font-weight: bold;
Daniel@0: }
Daniel@0: .italic {
Daniel@0:   font-style: italic;
Daniel@0: }
Daniel@0: .left {
Daniel@0:   float: left;
Daniel@0: }
Daniel@0: .right {
Daniel@0:   float: right;
Daniel@0: }
Daniel@0: /* Responsive embedded objects */
Daniel@0: .video-wrapper {
Daniel@0:   height: 0;
Daniel@0:   padding-bottom: 56.25%;
Daniel@0:   position: relative;
Daniel@0:   margin-bottom: 1.618em;
Daniel@0: }
Daniel@0: .video-wrapper iframe,
Daniel@0: .video-wrapper object,
Daniel@0: .video-wrapper embed {
Daniel@0:   position: absolute;
Daniel@0:   top: 0;
Daniel@0:   left: 0;
Daniel@0:   width: 100%;
Daniel@0:   height: 100%;
Daniel@0: }
Daniel@0: /* =Responsive
Daniel@0: -----------------------------------------------------------------------------*/
Daniel@0: @media only screen and (max-width: 767px) {
Daniel@0:   .left,
Daniel@0:   .right {
Daniel@0:     float: none;
Daniel@0:   }
Daniel@0: }
Daniel@0: /* string content */
Daniel@0: .str {
Daniel@0:   color: #dd1144;
Daniel@0: }
Daniel@0: /* a keyword */
Daniel@0: .kwd {
Daniel@0:   color: #333333;
Daniel@0: }
Daniel@0: /* a comment */
Daniel@0: .com {
Daniel@0:   color: #999988;
Daniel@0: }
Daniel@0: /* a type name */
Daniel@0: .typ {
Daniel@0:   color: #445588;
Daniel@0: }
Daniel@0: /* a literal value */
Daniel@0: .lit {
Daniel@0:   color: #445588;
Daniel@0: }
Daniel@0: /* punctuation */
Daniel@0: .pun {
Daniel@0:   color: #888;
Daniel@0: }
Daniel@0: /* lisp open bracket */
Daniel@0: .opn {
Daniel@0:   color: #333333;
Daniel@0: }
Daniel@0: /* lisp close bracket */
Daniel@0: .clo {
Daniel@0:   color: #333333;
Daniel@0: }
Daniel@0: /* a markup tag name */
Daniel@0: .tag {
Daniel@0:   color: #367ac3;
Daniel@0: }
Daniel@0: /* a markup attribute name */
Daniel@0: .atn {
Daniel@0:   color: #51a7c9;
Daniel@0: }
Daniel@0: /* a markup attribute value */
Daniel@0: .atv {
Daniel@0:   color: #709c1a;
Daniel@0: }
Daniel@0: /* a declaration */
Daniel@0: .dec {
Daniel@0:   color: #666;
Daniel@0: }
Daniel@0: /* a variable name */
Daniel@0: .var {
Daniel@0:   color: teal;
Daniel@0: }
Daniel@0: /* a function name */
Daniel@0: .fun {
Daniel@0:   color: #990000;
Daniel@0: }
Daniel@0: @media print {
Daniel@0:   * {
Daniel@0:     text-shadow: none !important;
Daniel@0:     color: #000 !important;
Daniel@0:     background: transparent !important;
Daniel@0:     box-shadow: none !important;
Daniel@0:     font-size: 12pt;
Daniel@0:   }
Daniel@0:   h1 {
Daniel@0:     font-size: 36pt;
Daniel@0:   }
Daniel@0:   h2 {
Daniel@0:     font-size: 24pt;
Daniel@0:   }
Daniel@0:   h3 {
Daniel@0:     font-size: 18pt;
Daniel@0:   }
Daniel@0:   h4 {
Daniel@0:     font-size: 14pt;
Daniel@0:   }
Daniel@0:   h5 {
Daniel@0:     font-size: 12pt;
Daniel@0:   }
Daniel@0:   h6 {
Daniel@0:     font-size: 12pt;
Daniel@0:   }
Daniel@0:   a,
Daniel@0:   a:visited {
Daniel@0:     text-decoration: underline;
Daniel@0:   }
Daniel@0:   a[href]:after {
Daniel@0:     content: " (" attr(href) ")";
Daniel@0:   }
Daniel@0:   abbr[title]:after {
Daniel@0:     content: " (" attr(title) ")";
Daniel@0:   }
Daniel@0:   a[href^="javascript:"]:after,
Daniel@0:   a[href^="#"]:after {
Daniel@0:     content: "";
Daniel@0:   }
Daniel@0:   pre,
Daniel@0:   blockquote {
Daniel@0:     page-break-inside: avoid;
Daniel@0:   }
Daniel@0:   blockquote {
Daniel@0:     border: none;
Daniel@0:     font-style: italic;
Daniel@0:   }
Daniel@0:   img {
Daniel@0:     max-width: 100% !important;
Daniel@0:   }
Daniel@0:   select {
Daniel@0:     background: #fff !important;
Daniel@0:   }
Daniel@0: }