@charset "UTF-8";
/*  
Theme Name: datahike
Theme URI: http://datahike.io
Description: Custom Theme for datahike
Version: 1.0.0
Author: design frischgepresst
Author URI: http://design-frischgepresst.de
Tags: responsive, blog, clean, fresh, healthy, multi-columns, translation-ready, custom-menus, woocommerce
Text Domain: datahike

/* TABLE OF CONTENTS

00 - Reset
01 - Global 
02 - General Layout
03 - Typography
04 - Navigation
05 - Responsive Fluid Grid
07 - Media Queries

*/
/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

* {
  box-sizing: border-box; }

html {
  scroll-behavior: smooth; }

html, body {
  overflow-x: hidden; }

body {
  position: relative;
  font-size: 100%;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none; } }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

p {
  margin-bottom: 1em; }

i + p {
  display: none; }

figure {
  margin-top: 2em;
  margin-bottom: 2em; }

blockquote {
  font-style: italic; }

code {
  line-height: 1em; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
  padding: 0.5em;
  border-radius: 0.25em; }

html {
  scroll-behavior: smooth; }

body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

:root {
  --header-desktop: 'assets/images/header-01-desktop.jpg';
  --header-tablet: 'assets/images/header-01-tablet.jpg';
  --header-mobile: 'assets/images/header-01-mobile.jpg';
  --clip-value-01: 5%;
  --clip-value-02: 95%; }

/* ///////////////////////////////////////////////////////////////////// 
//  COLORS
/////////////////////////////////////////////////////////////////////*/
/*	SET COLOR VALUES HERE */
/*	red */
/*	purple */
/*	turquoise */
/*	light blue */
/*	green */
/*	yellow */
/*	Colors */
.color-01 {
  color: #FF5B50; }

.color-02 {
  color: #755982; }

.color-03 {
  color: #6BB1B9; }

.color-04 {
  color: #C8E2D7; }

.color-05 {
  color: #9BBB4C; }

.color-06 {
  color: #FFFF00; }

.highlight {
  color: #6BB1B9; }

.alert {
  color: #FF5B50; }

.shade-01 {
  color: #667476; }

.shade-02 {
  color: #869698; }

.shade-03 {
  color: #9FB1B3; }

.shade-04 {
  color: #BACDCF; }

.shade-05 {
  color: #DCE5E4; }

.shade-06 {
  color: #F7F8F6; }

.black {
  color: #000; }

.dark {
  color: #2F4752; }

.light {
  color: #ffffff; }

/*	Backgrounds */
.background-01, .bg-color-01, .background-color-01 {
  background-color: #FF5B50;
  background: linear-gradient(8deg, #ff5b50 0%, rgba(255, 91, 80, 0.8) 100%); }

.background-02, .bg-color-02, .background-color-02 {
  background-color: #755982;
  background: linear-gradient(8deg, #755982 0%, rgba(117, 89, 130, 0.8) 100%); }

.background-03, .bg-color-03, .background-color-03 {
  background-color: #6BB1B9;
  background: linear-gradient(8deg, #6bb1b9 0%, rgba(107, 177, 185, 0.8) 100%); }

.background-04, .bg-color-04, .background-color-04 {
  background-color: #C8E2D7;
  background: linear-gradient(8deg, #c8e2d7 0%, rgba(200, 226, 215, 0.8) 100%); }

.background-05, .bg-color-05, .background-color-05 {
  background-color: #9BBB4C;
  background: linear-gradient(8deg, #9bbb4c 0%, rgba(155, 187, 76, 0.8) 100%); }

.background-06, .bg-color-06, .background-color-06 {
  background-color: #FFFF00;
  background: linear-gradient(8deg, yellow 0%, rgba(255, 255, 0, 0.8) 100%); }

.background-alert, .bg-alert, .background-color-alert {
  background-color: #6BB1B9;
  background: linear-gradient(8deg, #6bb1b9 0%, rgba(107, 177, 185, 0.6) 100%); }

.background-highlight, .bg-highlight, .background-color-highlight {
  background-color: #6BB1B9;
  background: linear-gradient(8deg, #6bb1b9 0%, rgba(107, 177, 185, 0.6) 100%); }

.bg-shade-01, .background-shade-01 {
  background-color: #667476;
  background: linear-gradient(8deg, #667476 0%, rgba(102, 116, 118, 0.8) 100%); }

.bg-shade-02, .background-shade-02 {
  background-color: #869698;
  background: linear-gradient(8deg, #869698 0%, rgba(134, 150, 152, 0.8) 100%); }

.bg-shade-03, .background-shade-03 {
  background-color: #9FB1B3;
  background: linear-gradient(8deg, #9fb1b3 0%, rgba(159, 177, 179, 0.8) 100%); }

.bg-shade-04, .background-shade-04 {
  background-color: #BACDCF;
  background: linear-gradient(8deg, #bacdcf 0%, rgba(186, 205, 207, 0.8) 100%); }

.bg-shade-05, .background-shade-05 {
  background-color: #DCE5E4;
  background: linear-gradient(8deg, #dce5e4 0%, rgba(220, 229, 228, 0.8) 100%); }

.bg-shade-06, .background-shade-06 {
  background-color: #F7F8F6;
  background: linear-gradient(8deg, #f7f8f6 0%, rgba(247, 248, 246, 0.8) 100%); }

.bg-dark, .background-dark {
  background-color: #2F4752;
  background: linear-gradient(8deg, #2f4752 0%, rgba(47, 71, 82, 0.8) 100%); }

.bg-light, .background-light {
  background-color: #ffffff; }

/*	Borders */
.border,
.border-01, .border-color-01,
.border-02, .border-color-02,
.border-03, .border-color-03,
.border-04, .border-color-04,
.border-05, .border-color-05,
.border-06, .border-color-06,
.border-shade-01, .border-shade-02, .border-shade-03, .border-shade-04, .border-shade-05, .border-shade-06 {
  display: inline-block;
  line-height: 1.25em;
  padding: 0 0.25em;
  border-radius: 0.25em; }

.border,
.border-01, .border-color-01 {
  border: 1px solid #FF5B50; }

.border-02, .border-color-02 {
  border: 1px solid #755982; }

.border-03, .border-color-03 {
  border: 1px solid #6BB1B9; }

.border-04, .border-color-04 {
  border: 1px solid #C8E2D7; }

.border-05, .border-color-05 {
  border: 1px solid #9BBB4C; }

.border-06, .border-color-06 {
  border: 1px solid #FFFF00; }

.border-alert, .border-color-alert {
  border: 1px solid #6BB1B9; }

.border-highlight, .border-color-highlight {
  border: 1px solid #6BB1B9; }

.border-shade-01 {
  border: 1px solid #667476; }

.border-shade-02 {
  border: 1px solid #869698; }

.border-shade-03 {
  border: 1px solid #9FB1B3; }

.border-shade-04 {
  border: 1px solid #BACDCF; }

.border-shade-05 {
  border: 1px solid #DCE5E4; }

.border-shade-06 {
  border: 1px solid #F7F8F6; }

.border-dark {
  border: 1px solid #2F4752; }

.border-light {
  border: 1px solid #ffffff; }

a.border,
a.border-01, a.border-color-01, a.border-02, a.border-color-02, a.border-03, a.border-color-03, a.border-04, a.border-color-04, a.border-05, a.border-color-05, a.border-06, a.border-color-06,
a.border-shade-01, a.border-shade-02, a.border-shade-03, a.border-shade-04, a.border-shade-05, a.border-shade-06, a.border-dark, a.border-light, a.border-highlight, a.border-alert {
  text-decoration: none; }

/* ///////////////////////////////////////////////////////////////////// 
//  FONTS
/////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: 'basier';
  src: url("assets/fonts/basiersquare-regular-webfont.woff2") format("woff2"), url("assets/fonts/basiersquare-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'basier';
  src: url("assets/fonts/basiersquare-regularitalic-webfont.woff2") format("woff2"), url("assets/fonts/basiersquare-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'basier';
  src: url("assets/fonts/basiersquare-semibold-webfont.woff2") format("woff2"), url("assets/fonts/basiersquare-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'basier';
  src: url("assets/fonts/basiersquare-semibolditalic-webfont.woff2") format("woff2"), url("assets/fonts/basiersquare-semibolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

.font-stack-01, .sans, .basier, .sans-square {
  font-family: "basier", sans-serif; }

@font-face {
  font-family: 'basier-circle';
  src: url("assets/fonts/basiercircle-regular-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'basier-circle';
  src: url("assets/fonts/basiercircle-regularitalic-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'basier-circle';
  src: url("assets/fonts/basiercircle-medium-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-medium-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'basier-circle';
  src: url("assets/fonts/basiercircle-semibolditalic-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-semibolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

.font-stack-02, .circle, .text-circle, .font-circle, .sans-circle, .basier-circle {
  font-family: "basier-circle", sans-serif; }

@font-face {
  font-family: 'basier-mono';
  src: url("assets/fonts/basiersquaremono-regular-webfont.woff2") format("woff2"), url("assets/fonts/basiersquaremono-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'basier-mono';
  src: url("assets/fonts/basiersquaremono-regularitalic-webfont.woff2") format("woff2"), url("assets/fonts/basiersquaremono-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'basier-mono';
  src: url("assets/fonts/basiersquaremono-semibold-webfont.woff2") format("woff2"), url("assets/fonts/basiersquaremono-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'basier-mono';
  src: url("assets/fonts/basiersquaremono-semibolditalic-webfont.woff2") format("woff2"), url("assets/fonts/basiersquaremono-semibolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

.font-stack-03, .mono, .text-mono, .font-mono, .sans-mono, .basier-mono {
  font-family: "basier-mono", sans-serif; }

.text-large-xxx {
  font-family: "basier-circle", sans-serif;
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 0.5em; }

.text-large-xx {
  font-family: "basier-circle", sans-serif;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 0.75em; }

@media (max-width: 767px) {
  .text-large-xx {
    font-family: "basier-circle", sans-serif;
    font-size: 2em;
    line-height: 1.25em;
    margin-bottom: 0.75em; } }

.text-large-x {
  font-family: "basier-circle", sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 0.75em; }

.text-large {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.75em; }

.text-base {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em; }

.text-small {
  font-size: 0.875em;
  line-height: 1.375em;
  margin-bottom: 0.75em; }

.text-small-x {
  font-size: 0.75em;
  line-height: 1.25em;
  margin-bottom: 0.75em; }

.text-small-xx {
  font-size: 0.625em;
  line-height: 1.25em;
  margin-bottom: 0.75em; }

body,
input {
  font-family: "basier", sans-serif;
  font-size: 100%;
  color: #667476; }

/*	MIXINS */
/*
    GLOBAL BREAKPOINTS  
    
    In pixels because viewport size don't change when font-size changes.
    
    Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }
    
    Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
*/
/*
    Z-INDEX LEVELS

    Level    -1:

    Level     0:  background

    Level    10:  .branding
                  .nav-primary (mobile), 

    Level   100:  .nav-quickmenu, 
                  .nav-language (mobile),
                  .slider .handle

    Level  1000:

    Level 10000:  .nav-primary.toogle-nav (mobile)
                  .btn-expressform

*/
/*	Set breakpoints here */
/*	Set container width here */
/*	Set horizontal column margin here (unit is a multiplier for vw) */
/* Set vertical margin here (unit should be em) */
/*	Set column padding here (unit is em) */
/*	Do not edit ;-) */
.container, .container-small {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 1200px; }

.container-small {
  max-width: 800px; }

@media only screen and (min-width: 1200px) {
  .container, .container-small {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (min-width: 576px) {
  .row {
    display: flex;
    width: 100%;
    flex-wrap: wrap; } }

.column-01, .column-02, .column-03, .column-04, .column-05, .column-06, .column-07, .column-08, .column-09, .column-10, .column-11, .column-12 {
  width: 100%; }

@media only screen and (min-width: 768px) {
  .column-01 {
    width: 8.3333333333%; }
  .column-02 {
    width: 16.6666666667%; }
  .column-03 {
    width: 25%; }
  .column-04 {
    width: 33.3333333333%; }
  .column-05 {
    width: 41.6666666667%; }
  .column-06 {
    width: 50%; }
  .column-07 {
    width: 58.3333333333%; }
  .column-08 {
    width: 66.6666666667%; }
  .column-09 {
    width: 75%; }
  .column-10 {
    width: 83.3333333333%; }
  .column-11 {
    width: 91.6666666667%; } }

.row.column-padding [class*="column-"], .row.column-padding-01 [class*="column-"] {
  padding: 1em; }

@media only screen and (min-width: 768px) {
  .row.column-padding-02 [class*="column-"] {
    padding: 2em; } }

@media only screen and (min-width: 1200px) {
  .row.column-padding-03 [class*="column-"] {
    padding: 3em; }
  .row.column-padding-04 [class*="column-"] {
    padding: 4em; } }

.column-padding-0 [class*="column-"], .column-padding-00 [class*="column-"], .column-padding-none [class*="column-"], .column-no-padding [class*="column-"] {
  padding: 0; }

@media only screen and (max-width: 576px) {
  .column-margin [class*="column-"],
  .column-margin-01 [class*="column-"],
  .column-margin-02 [class*="column-"],
  .column-margin-03 [class*="column-"],
  .column-margin-04 [class*="column-"] {
    margin: 1em;
    width: calc(100% - 2em); } }

@media only screen and (min-width: 768px) {
  .column-margin [class*="column-"] {
    margin-left: 3%; }
  .column-margin-01 [class*="column-"] {
    margin-left: 1%; }
  .column-margin-02 [class*="column-"] {
    margin-left: 2%; }
  .column-margin-03 [class*="column-"] {
    margin-left: 3%; }
  .column-margin-04 [class*="column-"] {
    margin-left: 4%; }
  .row [class*="column-"]:first-of-type,
  .row .column-01:nth-child(12n-11),
  .row .column-02:nth-child(6n-5),
  .row .column-03:nth-child(4n-3),
  .row .column-04:nth-child(3n-2),
  .row .column-06:nth-child(2n-1) {
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (min-width: 768px) {
  .column-margin .column-01 {
    width: 5.3333333333%; }
  .column-margin-01 .column-01 {
    width: 7.3333333333%; }
  .column-margin-02 .column-01 {
    width: 6.3333333333%; }
  .column-margin-03 .column-01 {
    width: 5.3333333333%; }
  .column-margin-04 .column-01 {
    width: 4.3333333333%; }
  .column-margin .column-02 {
    width: 13.6666666667%; }
  .column-margin-01 .column-02 {
    width: 15.6666666667%; }
  .column-margin-02 .column-02 {
    width: 14.6666666667%; }
  .column-margin-03 .column-02 {
    width: 13.6666666667%; }
  .column-margin-04 .column-02 {
    width: 12.6666666667%; }
  /*
	.column-margin .column-03		{ width: ( $column-01 * 3 ) - (2 * $column-margin ) * 1% }
	.column-margin-01 .column-03 	{ width: ( $column-01 * 3 ) - (2 * $column-margin-01 ) * 1% }
	.column-margin-02 .column-03 	{ width: ( $column-01 * 3 ) - (2 * $column-margin-02 ) * 1% }
	.column-margin-03 .column-03 	{ width: ( $column-01 * 3 ) - (2 * $column-margin-03 ) * 1% }
	.column-margin-04 .column-03 	{ width: ( $column-01 * 3 ) - (2 * $column-margin-04 ) * 1% }*/
  .column-margin .column-02 {
    width: 14.1666666667%; }
  .column-margin-01 .column-02 {
    width: 15.8333333333%; }
  .column-margin-02 .column-02 {
    width: 15%; }
  .column-margin-03 .column-02 {
    width: 14.1666666667%; }
  .column-margin-04 .column-02 {
    width: 13.3333333333%; }
  .column-margin .column-03 {
    width: 22.75%; }
  .column-margin-01 .column-03 {
    width: 24.25%; }
  .column-margin-02 .column-03 {
    width: 23.5%; }
  .column-margin-03 .column-03 {
    width: 22.75%; }
  .column-margin-04 .column-03 {
    width: 22%; }
  .column-margin .column-04 {
    width: 31.3333333333%; }
  .column-margin-01 .column-04 {
    width: 32.6666666667%; }
  .column-margin-02 .column-04 {
    width: 32%; }
  .column-margin-03 .column-04 {
    width: 31.3333333333%; }
  .column-margin-04 .column-04 {
    width: 30.6666666667%; }
  .column-margin .column-05 {
    width: 39.9166666667%; }
  .column-margin-01 .column-05 {
    width: 41.0833333333%; }
  .column-margin-02 .column-05 {
    width: 40.5%; }
  .column-margin-03 .column-05 {
    width: 39.9166666667%; }
  .column-margin-04 .column-05 {
    width: 39.3333333333%; }
  .column-margin .column-06 {
    width: 48.5%; }
  .column-margin-01 .column-06 {
    width: 49.5%; }
  .column-margin-02 .column-06 {
    width: 49%; }
  .column-margin-03 .column-06 {
    width: 48.5%; }
  .column-margin-04 .column-06 {
    width: 48%; }
  .column-margin .column-07 {
    width: 57.0833333333%; }
  .column-margin-01 .column-07 {
    width: 57.9166666667%; }
  .column-margin-02 .column-07 {
    width: 57.5%; }
  .column-margin-03 .column-07 {
    width: 57.0833333333%; }
  .column-margin-04 .column-07 {
    width: 56.6666666667%; }
  .column-margin .column-08 {
    width: 65.6666666667%; }
  .column-margin-01 .column-08 {
    width: 66.3333333333%; }
  .column-margin-02 .column-08 {
    width: 66%; }
  .column-margin-03 .column-08 {
    width: 65.6666666667%; }
  .column-margin-04 .column-08 {
    width: 65.3333333333%; }
  .column-margin .column-09 {
    width: 74.25%; }
  .column-margin-01 .column-09 {
    width: 74.75%; }
  .column-margin-02 .column-09 {
    width: 74.5%; }
  .column-margin-03 .column-09 {
    width: 74.25%; }
  .column-margin-04 .column-09 {
    width: 74%; }
  .column-margin .column-10 {
    width: 82.8333333333%; }
  .column-margin-01 .column-10 {
    width: 83.1666666667%; }
  .column-margin-02 .column-10 {
    width: 83%; }
  .column-margin-03 .column-10 {
    width: 82.8333333333%; }
  .column-margin-04 .column-10 {
    width: 82.6666666667%; }
  .column-margin .column-11 {
    width: 91.4166666667%; }
  .column-margin-01 .column-11 {
    width: 91.5833333333%; }
  .column-margin-02 .column-11 {
    width: 91.5%; }
  .column-margin-03 .column-11 {
    width: 91.4166666667%; }
  .column-margin-04 .column-11 {
    width: 91.3333333333%; } }

.column-margin-0 [class*="column-"], .column-margin-00 [class*="column-"], .column-margin-none [class*="column-"], .column-no-margin [class*="column-"] {
  margin-left: 0;
  margin-right: 0; }

.full-height, .container .full-height [class*="column-"], .container.full-height [class*="column-"] {
  min-height: 100vh; }

@media only screen and (min-width: 768px) {
  .column-height-01 {
    min-height: 8.3333333333%; }
  .column-height-02 {
    min-height: 16.6666666667vw; }
  .column-height-03 {
    min-height: 25vw; }
  .column-height-04 {
    min-height: 33.3333333333vw; }
  .column-height-05 {
    min-height: 41.6666666667vw; }
  .column-height-06 {
    min-height: 50vw; }
  .column-height-07 {
    min-height: 58.3333333333vw; }
  .column-height-08 {
    min-height: 66.6666666667vw; }
  .column-height-09 {
    min-height: 75vw; }
  .column-height-10 {
    min-height: 83.3333333333vw; }
  .column-height-11 {
    min-height: 91.6666666667vw; }
  .column-height-12 {
    min-height: 100vw; } }

.full-height, .container .full-height [class*="column-"], .container.full-height [class*="column-"] {
  min-height: 100vh; }

@media only screen and (min-width: 1200px) {
  .container .column-height-01 [class*="column-"], .container.column-height-01 [class*="column-"] {
    min-height: 100px; }
  .container .column-height-02 [class*="column-"], .container.column-height-02 [class*="column-"] {
    min-height: 200px; }
  .container .column-height-03 [class*="column-"], .container.column-height-03 [class*="column-"] {
    min-height: 300px; }
  .container .column-height-04 [class*="column-"], .container.column-height-04 [class*="column-"] {
    min-height: 400px; }
  .container .column-height-05 [class*="column-"], .container.column-height-05 [class*="column-"] {
    min-height: 500px; }
  .container .column-height-06 [class*="column-"], .container.column-height-06 [class*="column-"] {
    min-height: 600px; }
  .container .column-height-07 [class*="column-"], .container.column-height-07 [class*="column-"] {
    min-height: 700px; }
  .container .column-height-08 [class*="column-"], .container.column-height-08 [class*="column-"] {
    min-height: 800px; }
  .container .column-height-09 [class*="column-"], .container.column-height-09 [class*="column-"] {
    min-height: 900px; }
  .container .column-height-10 [class*="column-"], .container.column-height-10 [class*="column-"] {
    min-height: 1000px; }
  .container .column-height-11 [class*="column-"], .container.column-height-11 [class*="column-"] {
    min-height: 1100px; }
  .container .column-height-12 [class*="column-"], .container.column-height-12 [class*="column-"] {
    min-height: 1200px; } }

.padding-01 {
  padding: 1em; }

.padding-top-01 {
  padding-top: 1em; }

.padding-right-01 {
  padding-right: 1em; }

.padding-bottom-01 {
  padding-bottom: 1em; }

.padding-left-01 {
  padding-left: 1em; }

.padding-02 {
  padding: 2em; }

.padding-top-02 {
  padding-top: 2em; }

.padding-right-02 {
  padding-right: 2em; }

.padding-bottom-02 {
  padding-bottom: 2em; }

.padding-left-02 {
  padding-left: 2em; }

.padding-03 {
  padding: 3em; }

.padding-top-03 {
  padding-top: 3em; }

.padding-right-03 {
  padding-right: 3em; }

.padding-bottom-03 {
  padding-bottom: 3em; }

.padding-left-03 {
  padding-left: 3em; }

.padding-04 {
  padding: 4em; }

.padding-top-04 {
  padding-top: 4em; }

.padding-right-04 {
  padding-right: 4em; }

.padding-bottom-04 {
  padding-bottom: 4em; }

.padding-left-04 {
  padding-left: 4em; }

.padding-vert-01 {
  padding-top: 1em;
  padding-bottom: 1em; }

.padding-hor-01 {
  padding-left: 1em;
  padding-right: 1em; }

.padding-vert-02 {
  padding-top: 1em;
  padding-bottom: 1em; }

.padding-hor-02 {
  padding-left: 2em;
  padding-right: 2em; }

.padding-vert-03 {
  padding-top: 3em;
  padding-bottom: 3em; }

.padding-hor-03 {
  padding-left: 3em;
  padding-right: 3em; }

.padding-vert-04 {
  padding-top: 4em;
  padding-bottom: 4em; }

.padding-hor-04 {
  padding-left: 4em;
  padding-right: 4em; }

.padding-hor,
.padding-horizontal {
  padding-left: 1em;
  padding-right: 1em; }

@media only screen and (min-width: 768px) {
  .padding-hor,
  .padding-horizontal {
    padding-left: 2em;
    padding-right: 2em; } }

@media only screen and (min-width: 2000px) {
  .padding-hor,
  .padding-horizontal {
    padding-left: 4em;
    padding-right: 4em; } }

.padding-0, .padding-00, .padding-none, .no-padding {
  padding: 0 !important; }

.margin-01 {
  margin: 1em; }

.margin-top-01 {
  margin-top: 1em; }

.margin-right-01 {
  margin-right: 1em; }

.margin-bottom-01 {
  margin-bottom: 1em; }

.margin-left-01 {
  margin-left: 1em; }

.margin-vert-01 {
  margin-top: 1em;
  margin-bottom: 1em; }

.margin-hor-01 {
  margin-left: 1em;
  margin-right: 1em; }

.margin-02 {
  margin: 2em; }

.margin-top-02 {
  margin-top: 2em; }

.margin-right-02 {
  margin-right: 2em; }

.margin-bottom-02 {
  margin-bottom: 2em; }

.margin-left-02 {
  margin-left: 2em; }

.margin-vert-02 {
  margin-top: 1em;
  margin-bottom: 1em; }

.margin-hor-02 {
  margin-left: 2em;
  margin-right: 2em; }

.margin-03 {
  margin: 3em; }

.margin-top-03 {
  margin-top: 3em; }

.margin-right-03 {
  margin-right: 3em; }

.margin-bottom-03 {
  margin-bottom: 3em; }

.margin-left-03 {
  margin-left: 3em; }

.margin-vert-03 {
  margin-top: 3em;
  margin-bottom: 3em; }

.margin-hor-03 {
  margin-left: 3em;
  margin-right: 3em; }

.margin-04 {
  margin: 4em; }

.margin-top-04 {
  margin-top: 4em; }

.margin-right-04 {
  margin-right: 4em; }

.margin-bottom-04 {
  margin-bottom: 4em; }

.margin-left-04 {
  margin-left: 4em; }

.margin-vert-04 {
  margin-top: 4em;
  margin-bottom: 4em; }

.margin-hor-04 {
  margin-left: 4em;
  margin-right: 4em; }

.margin-0, .margin-00, .margin-none, .no-margin {
  margin: 0 !important; }

.slanted, .clip, .clipped {
  padding-top: 4em;
  padding-bottom: 4em;
  -webkit-clip-path: polygon(0 2em, 100% 0, 100% calc(100% - 1em), 0 100%);
  clip-path: polygon(0 2em, 100% 0, 100% calc(100% - 1em), 0 100%); }

.slanted-01, .clip, .clipped-01 {
  padding-top: 4em;
  padding-bottom: 4em;
  -webkit-clip-path: polygon(0 1.5em, 100% 0, 100% calc(100% - 0.75em), 0 100%);
  clip-path: polygon(0 1.5em, 100% 0, 100% calc(100% - 0.75em), 0 100%); }

.slanted-02, .clip, .clipped-02 {
  padding-top: 4em;
  padding-bottom: 4em;
  -webkit-clip-path: polygon(0 0, 100% 2.5em, 100% 100%, 0 calc(100% - 0.75em));
  clip-path: polygon(0 0, 100% 2.5em, 100% 100%, 0 calc(100% - 0.75em)); }

.slanted-03, .clip, .clipped-03 {
  padding-top: 5em;
  padding-bottom: 5em;
  -webkit-clip-path: polygon(0 2.5em, 100% 0, 100% calc(100% - 1.5em), 0 100%);
  clip-path: polygon(0 2.5em, 100% 0, 100% calc(100% - 1.5em), 0 100%); }

.slanted-04, .clip, .clipped-04 {
  padding-top: 6em;
  padding-bottom: 6em;
  -webkit-clip-path: polygon(0 0, 100% 3em, 100% 100%, 0 calc(100% - 2em));
  clip-path: polygon(0 0, 100% 3em, 100% 100%, 0 calc(100% - 2em)); }

.line-bg,
.bg-lines,
.line-background,
.lines-background,
.background-lines,
.line-bg-01,
.line-bg-02,
.line-bg-03,
.bg-lines-01,
.bg-lines-02,
.bg-lines-03,
.line-background-01,
.lines-background-01,
.background-lines-01,
.line-background-02,
.lines-background-02,
.background-lines-02,
.line-background-03,
.lines-background-03,
.background-lines-03 {
  background-image: url("assets/images/bg-lines-01.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%; }

.bg-lines-02,
.background-lines-02 {
  background-image: url("assets/images/bg-lines-02.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%; }

.bg-composition,
.background-composition {
  background-image: url("assets/images/bg-composition.svg"), linear-gradient(8deg, #c8e2d7 0%, rgba(200, 226, 215, 0.75) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%; }

.bg-composition-light,
.background-composition-light {
  background-image: url("assets/images/bg-composition-light.svg"), linear-gradient(8deg, #c8e2d7 0%, rgba(200, 226, 215, 0.75) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%; }

.bg-history-tracking-light,
.background-history-tracking-light {
  background-image: url("assets/images/bg-history-tracking-light.svg"), linear-gradient(8deg, #c8e2d7 0%, rgba(200, 226, 215, 0.75) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%; }

@media only screen and (min-width: 768px) {
  .line-bg,
  .bg-lines,
  .line-background,
  .lines-background,
  .background-lines,
  .line-bg-01,
  .bg-lines-01,
  .line-background-01,
  .lines-background-01,
  .background-lines-01,
  .line-bg-02,
  .bg-lines-02,
  .line-background-02,
  .lines-background-02,
  .background-lines-02,
  .bg-composition,
  .background-composition,
  .bg-composition-light,
  .background-composition-light,
  .bg-history-tracking,
  .background-history-tracking,
  .bg-history-tracking-light,
  .background-history-tracking-light {
    background-size: contain; } }

@media only screen and (min-width: 2000px) {
  .line-bg,
  .bg-lines,
  .line-background,
  .lines-background,
  .background-lines,
  .line-bg-01,
  .bg-lines-01,
  .line-background-01,
  .lines-background-01,
  .background-lines-01,
  .line-bg-02,
  .bg-lines-02,
  .line-background-02,
  .lines-background-02,
  .background-lines-02,
  .bg-composition,
  .background-composition,
  .bg-composition-light,
  .background-composition-light,
  .bg-history-tracking,
  .background-history-tracking,
  .bg-history-tracking-light,
  .background-history-tracking-light {
    background-size: contain;
    background-position: center center; } }

@media only screen and (min-width: 576px) {
  .align-center {
    text-align: center; }
  .align-right {
    text-align: right; } }

/*	Site Header */
.site-header {
  padding: 11em 2em 10em 2em;
  margin-bottom: 4em;
  color: #ffffff;
  background-color: #2F4752;
  background-color: #2E4451;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2em));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2em)); }

@media only screen and (min-width: 768px) {
  .site-header {
    padding-left: 4em;
    padding-right: 4em; } }

.site-header.hero {
  padding-top: 16.5em;
  padding-bottom: 14em;
  text-align: center; }

.site-header.hero h1,
.site-header.hero h2,
.site-header.text-large-xxx {
  margin-top: 0;
  margin-bottom: 0.75em !important;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); }

.site-header .text-large-xxx {
  font-size: 2em; }

@media only screen and (min-width: 576px) {
  .site-header .text-large-xxx {
    font-size: 2.5em; } }

@media only screen and (min-width: 768px) {
  .site-header .text-large-xxx {
    font-size: 3em; } }

@media only screen and (min-width: 1200px) {
  .site-header .text-large-xxx {
    font-size: 4em; } }

.header-image-home {
  background-image: var(--header-mobile);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

@media only screen and (min-width: 768px) {
  .header-image-home {
    background-image: var(--header-tablet); } }

@media only screen and (min-width: 1200px) {
  .header-image-home {
    background-image: var(--header-desktop); } }

@media only screen and (min-width: 2000px) {
  .header-image-home {
    background-image: var(--header-desktop-x);
    background-size: contain; } }

/*	CODE BLOCKS */
code {
  padding: 0.125em 0.25em;
  border-radius: 0.25em;
  font-family: "basier-mono", sans-serif;
  font-size: 0.875em;
  background: #DCE5E4; }

figure {
  margin: 1rem auto;
  max-width: 60em; }

figure,
figure.container {
  padding: 1em;
  border-radius: 0.125em;
  font-family: "basier-mono", sans-serif;
  font-size: 0.875em;
  background: #2E3D51;
  color: #ffffff;
  overflow-x: auto;
  box-shadow: 0em 0em 1em 0px rgba(47, 71, 82, 0.3);
  transition: all 0.5s ease 0s; }

figure:hover,
figure.container:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  box-shadow: 0 0.75em 1em 0px rgba(47, 71, 82, 0.4), 0 2em 3em 0px rgba(47, 71, 82, 0.2); }

/*	CARDS (for Blog Archives, etc.) */
.card {
  position: relative;
  border-top: 8px solid #F7F8F6;
  padding: 0.75em 0;
  margin-bottom: 2em;
  transition: all ease 0.5s; }

.card:hover {
  border-top: 8px solid #9BBB4C; }

.card p {
  font-size: 0.75em;
  line-height: 1.25em;
  margin-bottom: 0.75em; }

.card:hover h2,
.card:hover h3,
.card:hover p {
  color: #9BBB4C;
  transition: all ease 0.5s; }

.card a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: right;
  transition: all ease 0.25s;
  opacity: 0;
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.75em;
  text-decoration: none; }

.card:hover a {
  color: #9BBB4C;
  opacity: 1;
  padding: 0.325em 0 0 0;
  vertical-align: baseline; }

/*	SYNTAX HIGHLIGHTING */
/*	Additional Styles for PRISM Syntax Highlighting */
:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: none; }

code[class*="language-"], pre[class*="language-"] {
  font-family: "basier-mono", sans-serif;
  text-shadow: 0 1px #2F4752;
  color: #ffffff; }

.token.atrule, .token.attr-value, .token.keyword {
  color: #6BB1B9; }

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: #9BBB4C; }

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #FF5B50;
  color: rgba(255, 91, 80, 0.75);
  background: rgba(47, 71, 82, 0.25); }

.token.punctuation {
  color: rgba(255, 255, 255, 0.375); }

.line-numbers .line-numbers-rows {
  border-right: none; }

.line-numbers-rows > span::before {
  color: rgba(255, 255, 255, 0.35); }

/*	Site Footer */
.site-footer {
  margin-top: 4em;
  padding: 4em 4em;
  background-color: #F7F8F6;
  clip-path: polygon(0% 2em, 100% 0, 100% 100%, 0% 100%); }

/*	Navigation */
nav ul {
  list-style: none; }

/*	Nav Primary */
.nav-primary {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  line-height: 1.25em;
  z-index: 1000; }

.nav-primary button {
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  border: 0;
  height: 2rem;
  width: 2rem;
  background: none;
  color: #ffffff;
  font-size: 0rem;
  padding: 0;
  z-index: 1001; }

.nav-primary::before {
  content: ' ';
  display: block;
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: -1;
  transition: ease-in-out 0.5s all; }

.nav-primary:not([hidden])::before {
  opacity: 1;
  height: 100%;
  background: rgba(47, 71, 82, 0.985);
  box-shadow: 0 0.5em 2em 0 rgba(47, 71, 82, 0.75); }

.nav-primary svg {
  display: block;
  pointer-events: none;
  stroke: #ffffff;
  vertical-align: middle;
  height: 2rem;
  width: 2rem;
  transition: 0.2s 0.5s stroke ease-in-out; }

.nav-primary br {
  display: none; }

.nav-primary ul {
  margin: 0;
  pointer-events: none; }

.nav-primary:not([hidden]) ul {
  pointer-events: all; }

.nav-primary > ul {
  position: relative;
  padding: 0.5em  0 1em 0;
  list-style: none; }

.nav-primary li {
  margin-bottom: 0; }

.nav-primary a {
  display: block;
  padding: 1em 0;
  margin: 0 2.5em;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  opacity: 0;
  transform: translateY(-10px);
  transition: 0.1s linear opacity ease-in, 0.1s linear transform ease-in; }

.nav-primary a:hover {
  color: #C8E2D7; }

.nav-primary li ul a {
  padding: 0.75em 1.5em;
  font-weight: normal; }

.nav-primary a.active  {
  color: #FF5B50 !important; }

.nav-primary:not([hidden]) a {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  transition: 0.2s 0.3s ease-out opacity, 0.2s 0.3s ease-out transform; }

@media (min-width: 768px) {
  .nav-primary {
    position: absolute;
    left: auto;
    top: 2em;
    right: 1em;
    width: auto;
    text-align: center; }
  .nav-primary button,
  .nav-primary::before {
    display: none; }
  .nav-primary br {
    display: block; }
  .nav-primary ul {
    display: block;
    margin: 0;
    pointer-events: all; }
  .nav-primary li {
    display: inline-block; }
  .nav-primary li ul {
    position: absolute;
    top: 3.5em; }
  .nav-primary li ul li {
    display: block;
    position: relative; }
  .nav-primary a {
    opacity: 1;
    margin: 0;
    padding: 1em 1.25em;
    transform: none;
    text-align: left; }
  .nav-primary li ul a {
    padding: 0.25em 1.25em; } }

/* nav footer */
.nav-footer ul {
  list-style: none; }

.nav-footer a {
  text-decoration: none; }

h1 {
  font-family: "basier-circle", sans-serif;
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 0.5em; }

h2 {
  font-family: "basier-circle", sans-serif;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 0.75em; }

h3 {
  font-family: "basier-circle", sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 0.75em; }

h4 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.75em; }

h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em; }

h6 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em; }

p {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em; }

p.indent {
  text-indent: 1em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

small {
  font-size: 0.75em; }

mark {
  color: inherit;
  background: #FFFF00; }

.pull,
.pull-left,
.pull-right {
  display: inline;
  margin: 2em 1em 2em -1em;
  padding: 0.5em 0.75em;
  font-family: "basier-mono", sans-serif;
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.75em;
  line-height: 1.5em;
  border-left: 4px solid #FF5B50;
  background: #F7F8F6; }

@media (min-width: 768px) {
  .pull,
  .pull-left,
  .pull-right {
    max-width: 50%; } }

.pull.left, .pull-left {
  margin: 0 1em 1em -1em;
  margin: 1em 2em 2em -1em;
  float: left; }

.pull.right, .pull-right {
  margin: 0 -1em 1em 1em;
  float: right;
  text-align: left; }

ul {
  margin-bottom: 1em;
  list-style: circle outside; }

ul.alt,
ul.checked {
  list-style: square outside; }

ol {
  list-style: decimal-leading-zero outside;
  margin-bottom: 1em; }

ul li, ol li {
  margin-bottom: 0.25em; }

table {
  margin-bottom: 2em; }

table * > * {
  padding: 0.5em 1em; }

thead {
  font-weight: bold; }

tr {
  border-top: 1px solid #BACDCF; }

tr:last-of-type {
  border-bottom: 1px solid #BACDCF; }

td:first-of-type {
  padding-left: 0; }

td:last-of-type {
  padding-right: 0; }

img {
  -webkit-clip-path: polygon(0 2.5em, 100% 0, 100% calc(100% - 1.5em), 0 100%);
  clip-path: polygon(0 5%, 93% 4%, 100% 98%, 2% 92%); }

img.clip-01 {
  clip-path: polygon(6% 3%, 100% 0, 98% 90%, 1% 99%); }

img.clip-02 {
  clip-path: polygon(2% 3%, 100% 4%, 94% 93%, 6% 98%); }

img.clip-03 {
  clip-path: polygon(4% 4%, 100% 0, 98% 100%, 6% 98%); }

img.clip-04 {
  clip-path: polygon(4% 4%, 94% 5%, 98% 100%, 0 93%); }

img.clip-05 {
  clip-path: polygon(5% 0, 99% 4%, 84% 99%, 8% 95%); }

img.clip-06 {
  clip-path: polygon(4% 2%, 99% 4%, 89% 89%, 9% 100%); }

img.unclip,
img.noclip,
img.no-clip {
  -webkit-clip-path: none;
  clip-path: none; }

/*	Buttons, Links */
a {
  color: #FF5B50; }

.link-alt {
  text-decoration: none; }

button,
.button,
.button-01,
.button-02,
.button-03,
.button-04,
.button-05,
.button-06,
.button-alt,
.button-alt-01,
.button-alt-02,
.button-alt-03,
.button-alt-04,
.button-alt-05,
.button-alt-06 {
  padding: 0.75em 2em;
  margin-bottom: 1em;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
  border: none;
  border-radius: 2.5em;
  box-shadow: none;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }

button,
.button,
.button-01 {
  color: #ffffff;
  background-color: #FF5B50; }

button:hover,
.button:hover,
.button-01:hover,
.button-02:hover,
.button-03:hover,
.button-04:hover,
.button-05:hover,
.button-06:hover {
  box-shadow: inset 0 0 4em rgba(255, 255, 255, 0.15); }

.button-02 {
  background: #755982; }

.button-03 {
  background: #6BB1B9; }

.button-04 {
  background: #C8E2D7; }

.button-05 {
  background: #9BBB4C; }

.button-06 {
  background: #FFFF00; }

.button-alt,
.button-alt-01,
.button-alt-02,
.button-alt-03,
.button-alt-04,
.button-alt-05,
.button-alt-06 {
  line-height: calc(1em - 4px);
  color: #FF5B50;
  border: 2px solid #FF5B50;
  font-weight: bold;
  background: none; }

.button-alt-02 {
  color: #755982;
  border: 2px solid #755982; }

.button-alt-03 {
  color: #6BB1B9;
  border: 2px solid #6BB1B9; }

.button-alt-04 {
  color: #C8E2D7;
  border: 2px solid #C8E2D7; }

.button-alt-05 {
  color: #9BBB4C;
  border: 2px solid #9BBB4C; }

.button-alt-06 {
  color: #FFFF00;
  border: 2px solid #FFFF00; }

.button-alt:hover,
.button-alt-01:hover {
  background: #FF5B50; }

.button-alt-02:hover {
  background: #755982; }

.button-alt-03:hover {
  background: #6BB1B9; }

.button-alt-04:hover {
  background: #C8E2D7; }

.button-alt-05:hover {
  background: #9BBB4C; }

.button-alt-06:hover {
  background: #FFFF00; }

.button-alt:hover, .button-alt-01:hover, .button-alt-02:hover, .button-alt-03:hover, .button-alt-04:hover, .button-alt-05:hover, .button-alt-06:hover,
.button-alt:hover *, .button-alt-01:hover *, .button-alt-02:hover *, .button-alt-03:hover *, .button-alt-04:hover *, .button-alt-05:hover *, .button-alt-06:hover * {
  color: #ffffff; }

.site-header button,
.site-header .button,
.site-header .button-01,
.site-header .button-02,
.site-header .button-03,
.site-header .button-04,
.site-header .button-05,
.site-header .button-06,
.site-header .button-alt,
.site-header .button-alt-01,
.site-header .button-alt-02,
.site-header .button-alt-03,
.site-header .button-alt-04,
.site-header .button-alt-05,
.site-header .button-alt-06 {
  font-size: 1.25em; }

.button .la, .button .las, .button .lar, .button .lal, .button .lad, .button .lab,
.button-alt .la, .button-alt .las, .button-alt .lar, .button-alt .lal, .button-alt .lad, .button-alt .lab {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.12em; }

a.button,
a.button,
a.button-01,
a.button-02,
a.button-03,
a.button-04,
a.button-05,
a.button-06,
a.button-alt,
a.button-alt-01,
a.button-alt-02,
a.button-alt-03,
a.button-alt-04,
a.button-alt-05,
a.button-alt-06 {
  display: inline-block;
  padding: 1em 2em; }

.tags a,
a.tags {
  text-decoration: none;
  margin-right: 1em;
  color: #9FB1B3; }

/*	Misc */
.badge {
  display: inline;
  position: relative;
  padding: 0.125em 0.25em;
  font-size: 0.5em;
  font-weight: bold;
  line-height: 1em;
  border-radius: 0.25em;
  text-transform: uppercase;
  color: #ffffff;
  vertical-align: super;
  background-color: #FF5B50; }

hr, hr.container {
  display: block;
  position: relative;
  margin-top: calc(1em - 1px);
  margin-bottom: calc(1em + 1px);
  height: 1px;
  border: none;
  box-shadow: none;
  background: #667476; }

hr.short, hr.small, hr.short-left, hr.small-left {
  margin-top: calc(1em - 2px);
  margin-bottom: calc(1em + 2px);
  height: 2px;
  width: 4em !important; }

hr.short-left, hr.small-left {
  margin-left: 0; }

.color-01 hr {
  background: #FF5B50; }

.color-02 hr {
  background: #755982; }

.color-03 hr {
  background: #6BB1B9; }

.color-04 hr {
  background: #C8E2D7; }

.color-05 hr {
  background: #9BBB4C; }

.color-06 hr {
  background: #FFFF00; }

.black hr {
  background: #000; }

.dark hr {
  background: #2F4752; }

.shade-02 hr {
  background: #869698; }

.shade-03 hr {
  background: #9FB1B3; }

.shade-04 hr {
  background: #BACDCF; }

.shade-05 hr {
  background: #DCE5E4; }

.shade-06 hr {
  background: #F7F8F6; }

.light hr {
  background: #ffffff; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

/*	branding */
.branding {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.75em;
  position: absolute;
  top: 1.25em;
  left: 1.25em;
  width: 98px;
  height: 48px;
  text-indent: -999em;
  z-index: 100;
  background-image: url("assets/images/datahike-logo-light.svg");
  background-size: contain;
  background-repeat: no-repeat; }

@media (min-width: 768px) {
  .branding {
    top: 1.75em;
    left: 2em;
    /* width: 98px; // measurements for line logo
		height: 48px; */
    width: 114px;
    height: 56px; } }

.branding a {
  display: block;
  height: 100%;
  width: 100%; }

.copyright {
  font-size: 0.75em;
  line-height: 1.25em;
  margin-bottom: 0.75em;
  margin-bottom: 0;
  margin-top: 0.5em;
  line-height: 1em; }

  .customer-logo {
    height: 196px;
  }