[ADD] theme saas-10

2021-05-11 16:02:06 +02:00
commit 4be329d397
3638 changed files with 104605 additions and 0 deletions
@@ -0,0 +1,42 @@
+
+/* 01. Press */
+@press-alpha: #ed8558;
+@press-beta: #74bcc5;
+@press-gamma: #7cc086;
+@press-delta: #afd5a6;
+@press-epsilon: #f3da80;
+
+/* 02. Food */
+@food-alpha: #ED8C2B;
+@food-beta: #CF4A30;
+@food-gamma: #911146;
+@food-delta: #35203B;
+@food-epsilon: #88A825;
+
+/* 03. Environment */
+@environment-alpha: #79BD8F;
+@environment-beta: #00A388;
+@environment-gamma: #046380;
+@environment-delta: #4BB5C1;
+@environment-epsilon: #BEEB9F;
+
+/* 04. Agency */
+@agency-alpha: #16c6cc;
+@agency-beta: #D72D3C;
+@agency-gamma: #ff6d3b;
+@agency-delta: #ffb733;
+@agency-epsilon: #ffd55c;
+
+/* 05. Technology */
+@technology-alpha: #14212B;
+@technology-beta: #E6E2AF;
+@technology-gamma: #C9DE55;
+@technology-delta: #962D3E;
+@technology-epsilon: #413659;
+
+/* 06. Travel */
+@travel-alpha: #db5d6b;
+@travel-beta: #ea958e;
+@travel-gamma: #fffcdb;
+@travel-delta: #d4e090;
+@travel-epsilon: #79d4be;
@@ -0,0 +1,630 @@
+/* CUSTOMIZE THEME - MODAL
+   ================================================== */
+
+#theme_customize_modal{
+  &.modal.fade:not(.in) .modal-dialog{
+    .translate3d(50%, 0, 0);
+  }
+  #nano_customize_modal{
+    text-transform: inherit;
+    .modal-dialog{
+      top: 0;
+      right: 0;
+      height: 100vh;
+      .modal-content{
+        height: 100%;
+        border-radius: 0;
+        border: 0;
+        width: 470px;
+      }
+    }
+    .modal-header{
+      background-color: #000;
+      color: #fff;
+      border: 0;
+      height: 10%;
+      min-height: 70px;
+    }
+    .modal-header{
+      .modal-title{
+        line-height: 1.2;
+        font-family: 'Roboto', sans-serif;
+        font-size: 34px;
+      }
+      .close{
+        width: 32px;
+        height: 32px;
+        line-height: 28px;
+        margin-top: 4px;
+        background-color: #fff;
+        color: @gray-darker;
+        text-shadow: @shadow;
+        opacity: 0.5;
+        border-radius: 50%;
+        font-size: 1.3em;
+        &:hover{
+          opacity: 1;
+          background-color: @brand-primary;
+          color: #fff;
+        }
+      }
+    }
+    .panel-group .panel-heading+.panel-collapse>.panel-body{
+      border-top-color: #fff;
+    }
+    .panel{
+      border: 0;
+      box-shadow: @shadow;
+      border-radius: @border-radius-small;
+    }
+    .panel-group{
+      margin-bottom: 0;
+    }
+    .panel-group .panel + .panel{
+      margin-top: 0;
+    }
+    .panel-heading{
+      padding: 0;
+      margin-bottom: 1px;
+      a{
+        display: block;
+        padding: 15px;
+        text-decoration: none;
+        text-transform: uppercase;
+        background-color: @brand-success;
+        color: #fff;
+        &.collapsed{
+          background-color: #fff;
+          color: #000;
+        }
+        &.collapsed:hover{
+          background-color: @brand-primary;
+          color: #fff;
+        }
+      }
+    }
+    .panel-heading a:before{
+      content: '\f068';
+      font-family: 'FontAwesome';
+      margin-right: 10px;
+    }
+    .panel-heading a.collapsed:before{
+      content: '\f067';
+      font-family: 'FontAwesome';
+    }
+    .modal-body{
+      padding: 0;
+      height: 90%;
+      background-color: #000;
+    }
+    .panel-body{
+      h5{
+        font-family: 'Roboto', sans-serif;
+        font-size: 16px;
+      }
+      padding: 20px 38px;
+      border-bottom: 1px solid #000;
+      .icon{
+        text-align: left;
+        clear: both;
+        font-weight: normal;
+      }
+      .icon:before{
+        content: '\f111';
+        font-family: 'FontAwesome';
+        font-size: 18px;
+        margin-right: 8px;
+        margin-bottom: 10px;
+        color: #ccc;
+        float: left;
+      }
+      .icon:hover{
+        color: @gray-darker;
+        cursor: pointer;
+      }
+      .icon:hover:before{
+        content: '\f058';
+        font-family: 'FontAwesome';
+        color: #000;
+      }
+      .icon.checked:before{
+        content: '\f058';
+        font-family: 'FontAwesome';
+        color: @brand-success;
+      }
+      .icon span{
+        float: left;
+        width: 30px;
+        height: 30px;
+      }
+      .none{
+        background-image:url('/theme_nano/static/src/img/customize/customize_none.gif');
+        background-position: center;
+        border: 1px solid #000;
+      }
+      /* Grayscale */
+      .white{background-color: #fff;border: 1px solid @gray-darker !important;}
+      .gray-lighter{background-color: @gray-lighter;}
+      .gray-darker{background-color: @gray-darker;}
+      /* Press */
+      .press-alpha{background-color: @press-alpha;}
+      .press-beta{background-color: @press-beta;}
+      .press-gamma{background-color: @press-gamma;}
+      .press-delta{background-color: @press-delta;}
+      .press-epsilon{background-color: @press-epsilon;}
+      /* Environment */
+      .environment-alpha{background-color: @environment-alpha;}
+      .environment-beta{background-color: @environment-beta;}
+      .environment-gamma{background-color: @environment-gamma;}
+      .environment-delta{background-color: @environment-delta;}
+      .environment-epsilon{background-color: @environment-epsilon;}
+      /* Agency */
+      .agency-alpha{background-color: @agency-alpha;}
+      .agency-beta{background-color: @agency-beta;}
+      .agency-gamma{background-color: @agency-gamma;}
+      .agency-delta{background-color: @agency-delta;}
+      .agency-epsilon{background-color: @agency-epsilon;}
+      /* Technology */
+      .technology-alpha{background-color: @technology-alpha;}
+      .technology-beta{background-color: @technology-beta;}
+      .technology-gamma{background-color: @technology-gamma;}
+      .technology-delta{background-color: @technology-delta;}
+      .technology-epsilon{background-color: @technology-epsilon;}
+      /* Travel */
+      .travel-alpha{background-color: @travel-alpha;}
+      .travel-beta{background-color: @travel-beta;}
+      .travel-gamma{background-color: @travel-gamma;}
+      .travel-delta{background-color: @travel-delta;}
+      .travel-epsilon{background-color: @travel-epsilon;}
+      /* Food */
+      .food-alpha{background-color: @food-alpha;}
+      .food-beta{background-color: @food-beta;}
+      .food-gamma{background-color: @food-gamma;}
+      .food-delta{background-color: @food-delta;}
+      .food-epsilon{background-color: @food-epsilon;}
+    }
+  }
+}
+
+/* EDITOR OPTIONS
+   ================================================== */
+
+/* Selector Button */
+.navbar-inverse{
+  background-color: #000;
+  .navbar-nav>.active>a,
+  .navbar-nav>.active>a:hover,
+  .navbar-nav>.active>a:focus{
+    background-color: #000;
+  }
+}
+
+.modal-content,
+.modal-footer .btn-danger,
+.save,
+#editor-media-image button,
+.select-media .previous a,
+.select-media .next a,{
+  border-radius: @border-radius-small;
+}
+
+.oe_options{
+  .dropdown-menu{
+    padding: 0;
+    margin: -1px 0 0 0;
+    min-width: 240px;
+    border-radius: @border-radius-small;
+    > li{
+      margin: 0;
+      &:hover{
+        > a{
+          color: @brand-primary;
+          &:after{
+            border-left-color: @brand-primary;
+          }
+          .fa{
+            background-color: @brand-primary;
+            color:#fff;
+          }
+        }
+      }
+      a{
+        line-height: 40px;
+        font-size: 14px;
+        padding: 0 20px 0 15px;
+        &:hover{
+          color: @brand-primary;
+        }
+        &:after{
+          margin-top: 16px;
+        }
+        &:hover:after{
+          border-left-color: @brand-primary;
+        }
+        .fa{
+          width: 40px;
+          height: 40px;
+          line-height: 40px;
+          background-color: #ccc;
+          text-align: center;
+          margin-right: 12px;
+          margin-left: -15px;
+        }
+        &:hover .fa{
+          color: #fff;
+          background-color: @brand-primary;
+        }
+      }
+      /* Not COLORPICKER */
+      > .dropdown-menu{
+        border-radius: 0;
+        a:hover:after{
+          content: '\f00c';
+          font-family: 'FontAwesome';
+          position: absolute;
+          right: 0;
+          margin: 0 15px 0 0;
+          color: @brand-primary;
+        }
+        > .active > a{
+          color: #fff;
+          &:after{
+            content: '\f00c';
+            font-family: 'FontAwesome';
+            position: absolute;
+            right: 0;
+            margin: 0 15px 0 0;
+            color: #fff;
+          }
+        }
+      }
+      /* COLORPICKER */
+      > .dropdown-menu.nano-colorpicker{
+        background-clip: inherit;
+        font-size: 0;
+        padding: 5px;
+        li{
+          display: inline-block;
+          margin: 5px;
+          a{
+            width: 40px;
+            height: 40px;
+            text-align: center;
+            padding: 0;
+          }
+          &.active a:after,
+          a:hover:after{
+            background-color: #fff;
+            right: auto;
+            left: auto;
+            font-size: 16px;
+            width: 24px;
+            height: 24px;
+            line-height: 26px;
+            margin: 7px 0 0 -12px;
+          }
+          &.active a.color-alpha:after,
+          a.color-alpha:hover:after{
+            color: @color-alpha;
+          }
+          &.active a.color-beta:after,
+          a.color-beta:hover:after{
+            color: @color-beta;
+          }
+          &.active a.color-gamma:after,
+          a.color-gamma:hover:after{
+            color: @color-gamma;
+          }
+          &.active a.color-delta:after,
+          a.color-delta:hover:after{
+            color: @color-delta;
+          }
+          &.active a.color-epsilon:after,
+          a.color-epsilon:hover:after{
+            color: @color-epsilon;
+          }
+          &.active a.none:after,
+          &.active a.snippets-option-pattern:after,
+          &.active a.white:after,
+          a.none:hover:after,
+          a.snippets-option-pattern:hover:after,
+          a.white:hover:after{
+            color: @gray-darker;
+          }
+          &.active a.gray-lighter:after,
+          a.gray-lighter:hover:after{
+            color: @gray-lighter;
+          }
+          &.active a.gray:after,
+          a.gray:hover:after{
+            color: @gray;
+          }
+          &.active a.gray-darker:after,
+          a.gray-darker:hover:after{
+            color: @gray-darker;
+          }
+        }
+        .active .none,
+        .active .none:hover,
+        .none,
+        .none:hover{
+          background-image: url('/theme_nano/static/src/img/customize/customize_none.gif');
+          border: 1px solid @gray-darker !important;
+          background-position: center;
+        }
+        .active .white,
+        .active .white:hover,
+        .white,
+        .white:hover{
+          background-color: #fff;
+          border: 1px solid @gray-darker !important;
+        }
+        .active .gray-lighter,
+        .active .gray-lighter:hover,
+        .gray-lighter,
+        .gray-lighter:hover{
+          background-color: @gray-lighter;
+          border: 1px solid @gray-lighter;
+        }
+        .active .gray,
+        .active .gray:hover,
+        .gray,
+        .gray:hover{
+          background-color: @gray;
+          border: 1px solid @gray;
+        }
+        .active .gray-darker,
+        .active .gray-darker:hover,
+        .gray-darker,
+        .gray-darker:hover{
+          background-color: @gray-darker;
+          border: 1px solid @gray-darker;
+        }
+        .active .color-alpha,
+        .active .color-alpha:hover,
+        .color-alpha,
+        .color-alpha:hover{
+          background-color: @color-alpha;
+          border: 1px solid @color-alpha;
+        }
+        .active .color-beta,
+        .active .color-beta:hover,
+        .color-beta,
+        .color-beta:hover{
+          background-color: @color-beta;
+          border: 1px solid @color-beta;
+        }
+        .active .color-gamma,
+        .active .color-gamma:hover,
+        .color-gamma,
+        .color-gamma:hover{
+          background-color: @color-gamma;
+          border: 1px solid @color-gamma;
+        }
+        .active .color-delta,
+        .active .color-delta:hover,
+        .color-delta,
+        .color-delta:hover{
+          background-color: @color-delta;
+          border: 1px solid @color-delta;
+        }
+        .active .color-epsilon,
+        .active .color-epsilon:hover,
+        .color-epsilon,
+        .color-epsilon:hover{
+          background-color: @color-epsilon;
+          border: 1px solid @color-epsilon;
+        }
+      }
+      /* BACKGROUND IMAGES */
+      > .dropdown-menu.nano-bg-img-selector{
+        width: 515px;
+        .inline{
+          margin: 10px 0 4px 10px;
+          display: block;
+          li{
+            display: inline-block;
+            a{
+              display: block;
+              position: relative;
+              padding: 0;
+              width: 120px;
+              height: 70px;
+              overflow: hidden;
+              text-align: center;
+            }
+            &.active a:after,
+            a:hover:after{
+              background-color: #fff;
+              right: auto;
+              left: 45px;
+              font-size: 16px;
+              width: 30px;
+              height: 30px;
+              line-height: 32px;
+              margin: 20px 0 0 0;
+            }
+          }
+        }
+      }
+      > .dropdown-menu .dropdown-submenu{
+        a:hover:after{
+          content: '';
+        }
+      }
+    }
+  }
+}
+
+/* Snippets Navbar
+   ================================================== */
+
+#snippet_structure,
+#snippet_content,
+#snippet_feature,
+#snippet_effect{
+  .oe_snippet{
+    margin: 0 0 5px 5px;
+    .oe_snippet_thumbnail_title{
+      margin-top: 5px;
+    }
+    .oe_snippet_thumbnail .oe_snippet_thumbnail_img{
+
+      border: 5px solid inherit;
+      box-shadow: @shadow;
+    }
+    .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img{
+      transform: scale(1, 1);
+    }
+    .oe_snippet_thumbnail:hover:before{
+      content: "";
+      position: absolute;
+      right: 0;
+      background-image: url('/theme_treehouse/static/src/img/customize/add_snippet_hover.png');
+      z-index: 1;
+      width: 30px;
+      height: 30px;
+    }
+  }
+}
+
+/* Demos Page
+   ========================================================================== */
+
+#wrapwrap h1.demo-title {
+  padding: 32px 0;
+  color: @gray-lighter;
+  font-family: 'Lato', sans-serif;
+  font-weight: 400 !important;
+  font-size: 60px;
+}
+
+#wrapwrap h4.demo-subtitle {
+  padding: 10px 20px;
+  border-left: 5px solid @gray-dark;
+  background-image: url('/theme_treehouse/static/src/img/patterns/bg_pattern_demo.png');
+  color: @gray-dark;
+  font-family: 'Lato', sans-serif;
+  font-weight: 400 !important;
+  font-size: 24px;
+}
+
+.demo-icons {
+  .fa-rocket {
+    margin-right: 15px;
+  }
+}
+
+/* Publishing Buttons
+   ========================================================================== */
+
+#wrapwrap .js_publish_management {
+  .btn {
+    border-radius: 0;
+    padding: 6px 12px;
+    text-transform: none;
+    font-size: 14px;
+    &.btn-success {
+      background-color: @brand-success;
+      &:hover {
+        background-color: darken(@brand-success, 10%);
+        border-color: darken(@brand-success, 10%);
+        color: #fff;
+      }
+    }
+    &.btn-danger {
+      background-color: @brand-danger;
+      &:hover {
+        background-color: darken(@brand-danger, 10%);
+        border-color: darken(@brand-danger, 10%);
+        color: #fff;
+      }
+    }
+  }
+}
+
+/* Link to... & Select a media Buttons
+   ========================================================================== */
+
+.modal-body {
+  .link-style li label{
+    width: auto;
+    margin-bottom: 5px;
+  }
+  .nav-tabs a {
+    color: @brand-primary;
+    &:hover {
+      background-color: @brand-primary;
+      color: #fff;
+    }
+  }
+}
+
+/* Colorpicker Editor
+   ========================================================================== */
+
+table.colorpicker{
+  background-color: #fff;
+  button {
+    &.text-white,
+    &.bg-white {
+      background-color: #fff;
+      border: 1px solid @gray-darker !important;
+    }
+    &.text-black,
+    &.bg-black {
+      background-color: #000;
+      border: 1px solid @gray-darker !important;
+    }
+    &.text-gray-lighter,
+    &.bg-gray-lighter {
+      background-color: @gray-lighter;
+      border: 1px solid @gray-lighter;
+    }
+    &.text-gray-light,
+    &.bg-gray-light {
+      background-color: @gray-light;
+      border: 1px solid @gray-light;
+    }
+    &.text-gray,
+    &.bg-gray {
+      background-color: @gray;
+      border: 1px solid @gray;
+    }
+    &.text-gray-dark,
+    &.bg-gray-dark {
+      background-color: @gray-dark;
+      border: 1px solid @gray-dark;
+    }
+    &.text-gray-darker,
+    &.bg-gray-darker {
+      background-color: @gray-darker;
+      border: 1px solid @gray-darker;
+    }
+    &.text-alpha,
+    &.bg-alpha {
+      background-color: @color-alpha;
+      border: 1px solid @color-alpha;
+    }
+    &.text-beta,
+    &.bg-beta {
+      background-color: @color-beta;
+      border: 1px solid @color-beta;
+    }
+    &.text-gamma,
+    &.bg-gamma {
+      background-color: @color-gamma;
+      border: 1px solid @color-gamma;
+    }
+    &.text-delta,
+    &.bg-delta {
+      background-color: @color-delta;
+      border: 1px solid @color-delta;
+    }
+    &.text-epsilon,
+    &.bg-epsilon {
+      background-color: @color-epsilon;
+      border: 1px solid @color-epsilon;
+    }
+  }
+}
@@ -0,0 +1,580 @@
+/* BASIC
+   ========================================================================== */
+
+#wrapwrap {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  // @media
+  // only screen and (-webkit-min-device-pixel-ratio: 1.25),
+  // only screen and ( min-device-pixel-ratio: 1.25),
+  // only screen and ( min-resolution: 200dpi),
+  // only screen and ( min-resolution: 1.25dppx) {
+  //    -webkit-font-smoothing: subpixel-antialiased;
+  // }
+}
+
+#wrapwrap {
+  .hyphens;
+  background-color: rgba(0, 0, 0, 0);
+  font-weight: @font-normal;
+  font-family: @font-family-base;
+  .container {
+    width: auto;
+  }
+  a{
+    .transition(.25s);
+  }
+  b, strong {
+    font-weight: @font-bold;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    b, strong {
+      font-weight: @headings-font-bold;
+    }
+  }
+  p:not(.s_share) a:not(.btn) {
+    text-decoration: underline;
+  }
+  .readable {
+    padding: 0 30px;
+    .container {
+      width: auto;
+    }
+  }
+  header{
+    z-index: @zindex-navbar - 1;
+  }
+  #preheader,
+  .dropdown-menu{
+    z-index: @zindex-navbar + 3;
+  }
+  @media (min-width: @screen-md-min) {
+    #footer > .row{
+      margin-left: 0;
+    }
+  }
+}
+
+/* Editor navbar
+   ========================================================================== */
+
+#oe_main_menu_navbar {
+  z-index: @zindex-navbar + 5;
+}
+
+/* LAYOUT ≥ 992px
+   ========================================================================== */
+
+@media (min-width: @screen-md-min) {
+  html,
+  body,
+  #wrapwrap,
+  #wrap,
+  #preheader,
+  header,
+  .navbar-default,
+  main {
+    height: 100%;
+  }
+  header {
+    .affix;
+    top: 0;
+  }
+  #wrapwrap main > *,
+  #copyright {
+    margin-left: 320px;
+  }
+  #footer{
+    padding-left: 320px;
+  }
+}
+
+/* LAYOUT ≥ 1200px
+   ========================================================================== */
+
+@media (min-width: @screen-lg-min) {
+  #wrapwrap main > *,
+  #copyright {
+    margin-left: 380px;
+  }
+  #footer{
+    padding-left: 380px;
+  }
+}
+
+/* PREHEADER - Shared Styles
+   ========================================================================== */
+
+#preheader {
+  font-size: @layout-font-size;
+  font-weight: @layout-font-weight;
+  .contact-address {
+    font-weight: @font-normal;
+    font-size: @font-size-small;
+    span[itemprop="name"] {
+      display: block;
+      font-weight: @font-bold;
+      font-size: @font-size-base;
+    }
+  }
+  .fa-size-generator(20px);
+  .fa {
+    .color(@gray-darker; #fff);
+    &:hover {
+      .color(#fff; @color-alpha);
+    }
+  }
+  .btn-group {
+    button {
+      border: 0;
+      padding: 0;
+      .color(rgba(0, 0, 0, 0); inherit);
+    }
+    &.open {
+      button {
+        box-shadow: @shadow;
+      }
+      .fa {
+        .color(#fff; @color-alpha);
+      }
+    }
+    > .dropdown-menu {
+      border-radius: @border-radius-small;
+      box-shadow: @shadow;
+      color: @gray-darker;
+      margin-top: 0;
+      > li {
+        margin: 0;
+        > a {
+          color: @gray-darker;
+          font-size: @font-size-small;
+          text-transform: uppercase;
+          &:hover{
+            color: @gray-darker;
+            background-color: @gray-lighter;
+          }
+        }
+        .fa-size-generator(0);
+        .fa {
+          line-height: @line-height-base;
+          background-color: rgba(0, 0, 0, 0);
+        }
+      }
+    }
+  }
+}
+
+/* PREHEADER ≤ 991px
+   ========================================================================== */
+
+@media (max-width: @screen-sm-max) {
+  #preheader {
+    height: 50px;
+    padding: 8px 20px;
+    .fa-size-generator(15px);
+    #lang {
+      float: left;
+      margin: 0 5px 0 0;
+    }
+    #contact {
+      float: left;
+    }
+    #social {
+      display: block;
+      text-align: right;
+      a:hover,
+      a:focus{
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+/* PREHEADER ≥ 992px
+   ========================================================================== */
+
+@media (min-width: @screen-md-min) {
+  #preheader {
+    .affix;
+    width: 60px;
+    padding: 50px 0;
+    text-align: center;
+    #lang {
+      margin: 0 0 30px;
+    }
+    #contact {
+      margin: 0 0 45px;
+      address {
+        margin: 0 0 10px;
+      }
+      .contact-address {
+        padding: 20px;
+        span[itemprop="name"] {
+          display: block;
+          padding: 0 0 15px 0;
+        }
+      }
+    }
+    .fa {
+      margin-bottom: 5px;
+    }
+    .btn-group > .dropdown-menu {
+      top: 0;
+      left: 300px;
+      width: 260px;
+      border: 0;
+      padding: 0;
+      margin-left: 10px;
+      @media (min-width: @screen-lg-min) {
+        left: 360px;
+        width: 320px;
+      }
+      > li {
+        margin: 0;
+        &.active {
+          a {
+            background-color: @color-alpha;
+          }
+        }
+        > a {
+          padding: 10px 20px;
+          margin: 0;
+        }
+        .fa {
+          margin: 0 5px 0 0;
+        }
+      }
+    }
+  }
+}
+
+/* NAVBAR-HEADER
+   ========================================================================== */
+
+header .navbar-header {
+  @media (max-width: @screen-sm-max) {
+    padding: 10px 0;
+  }
+  @media (min-width: @screen-md-min) {
+    padding: 40px 0 25px 0;
+  }
+  .navbar-brand{
+    height: 60px;
+    img{
+      max-height: 60px;
+    }
+  }
+}
+
+/* NAVBAR-NAV // First level
+   ========================================================================== */
+
+header .navbar-default {
+  border: 0;
+  @media (max-width: @screen-sm-max) {
+    .navbar-collapse{
+      border: 0;
+      box-shadow: @shadow;
+    }
+  }
+  @media (min-width: @screen-md-min) {
+    left: 60px;
+    width: 260px;
+    .navbar-collapse{
+      margin-left: -20px;
+    }
+  }
+  @media (min-width: @screen-lg-min) {
+    width: 320px;
+  }
+  .navbar-nav {
+    @media (min-width: @screen-md-min) {
+      width: 100%;
+    }
+    li {
+      @media (min-width: @screen-md-min) {
+        float: none;
+      }
+      a {
+        padding: 8px 20px;
+        margin: 0 0 5px 0;
+        font-family: @btn-font-family;
+        font-size: @btn-font-size;
+        font-weight: @btn-font-weight;
+        line-height: @line-height-computed;
+        text-transform: uppercase;
+        .border-left-radius(@border-radius-large);
+        @media (min-width: @screen-md-min) {
+          .caret {
+            border-left: 5px solid;
+            margin-top: 6px;
+            border-bottom: @caret-width-large solid rgba(0, 0, 0, 0);
+            border-top: @caret-width-large solid rgba(0, 0, 0, 0);
+            float: right;
+          }
+        }
+      }
+      &.divider {
+        display: none;
+      }
+    }
+  }
+}
+
+/* NAVBAR-NAV // ≥ 768px - 991px
+   ========================================================================== */
+
+@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+  header .navbar-default .navbar-nav {
+    &.navbar-right:last-child{
+      margin: 0 -10px 0 0;
+    }
+    > li {
+      margin: 26px 5px 10px 0;
+      a {
+        padding: 3px 15px;
+        font-size: @font-size-extra-small;
+        border-radius: @border-radius-large;
+      }
+    }
+  }
+}
+
+/* NAVBAR-NAV // ≤ 767px
+   ========================================================================== */
+
+@media (max-width: @screen-xs-max) {
+  header .navbar-default .navbar-nav {
+    margin: 0;
+    padding-bottom: 20px;
+    li {
+      a {
+        margin-bottom: 5px;
+        padding: 6px 20px;
+        border-radius: @border-radius-large;
+      }
+    }
+  }
+}
+
+/* NAVBAR-NAV // Second level
+   ========================================================================== */
+
+header .navbar-default .navbar-nav > .open > .dropdown-menu {
+  border: 0;
+  padding: 0;
+  box-shadow: @shadow;
+  @media (max-width: @screen-xs-max) {
+    margin-bottom: 20px;
+  }
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    min-width: 220px;
+    left: 0;
+    margin-top: 14px;
+    background-color: @gray-darker;
+  }
+  @media (min-width: @screen-md-min) {
+    min-width: 280px;
+    top: 0;
+    left: 100%;
+  }
+  > li {
+    > a {
+      margin-bottom: 0;
+      @media (max-width: @screen-xs-max) {
+        margin-bottom: 5px;
+        border-radius: @border-radius-large;
+        padding: 6px 20px;
+      }
+      @media (min-width: @screen-sm-min){
+        border-radius: @border-radius-small;
+      }
+    }
+  }
+}
+
+/* NAVBAR-NAV // Hamburger menu ≤ 992px
+   ========================================================================== */
+
+header .navbar-default .navbar-toggle {
+  border-radius: @border-radius-small;
+  border: 0;
+  padding: 10px;
+  margin: 10px 15px 0 0;
+  .icon-bar {
+    background-color: #fff;
+    .size(28px; 3px);
+    &+.icon-bar {
+      margin-top: 5px;
+    }
+  }
+  &:hover,
+  &:focus {
+    background-color: rgba(0, 0, 0, 0);
+    .icon-bar {
+      background-color: @color-alpha;
+    }
+  }
+}
+
+/* COPYRIGHT
+   ========================================================================== */
+
+#copyright {
+  display: block;
+  #company {
+    padding: 10px 20px;
+    font-size: @layout-font-size;
+    font-weight: @layout-font-weight;
+  }
+  #back-top {
+    margin: 5px 0;
+    .fa {
+      .color(@gray-darker; #fff);
+      &:hover {
+        .color(#fff; @color-alpha);
+      }
+    }
+    .fa-size-generator(10px);
+  }
+  #odoo {
+    padding-top: 10px;
+    text-align: right;
+    .label {
+      padding: 2px 8px;
+      color: @color-alpha;
+      font-size: 14px;
+      border-radius: @border-radius-base;
+    }
+  }
+}
+
+/* MODULES - FORUM
+   ========================================================================== */
+
+.website_forum .navbar-default {
+  border: 0;
+  background-color: @gray-lighter;
+  border-radius: @border-radius-base;
+  .navbar-nav {
+    li a{
+      color: @gray-darker;
+      padding: 2px 20px;
+      margin: 12px 4px;
+      border-radius: @border-radius-large;
+      &:hover{
+        background-color: #fff;
+        color: @gray-darker;
+      }
+    }
+    > .active > a,
+    > .active > a:hover,
+    > .active > a:focus {
+      background-color: @color-alpha;
+      color: #fff;
+    }
+  }
+}
+
+#wrapwrap {
+  .breadcrumb {
+    border-radius: @border-radius-large;
+  }
+  #right-column {
+    .btn{
+      padding: 8px 20px;
+      display: block;
+      font-size: @font-size-small!important;
+    }
+  }
+  .box {
+    padding: 0;
+    margin: 0;
+    border-radius: @border-radius-base;
+  }
+  .oe_grey {
+    background-color: @gray-lighter;
+  }
+  .page-header small.dropdown {
+    display: block;
+    font-size: 24px;
+    margin: 6px 0;
+    .dropdown-menu > .active > a,
+    .dropdown-menu > .active > a:hover,
+    .dropdown-menu > .active > a:focus{
+      background-color: @color-alpha;
+    }
+    .dropdown-menu > li > a:hover,
+    .dropdown-menu > li > a:focus{
+      background-color: @gray-lighter;
+    }
+  }
+  .question h1 {
+    a{
+      color: @gray-darker;
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+  .question .list-inline,
+  .forum_answer .list-inline {
+    a, .btn-link {
+      color: @gray-darker;
+      &:before {
+        color: @color-alpha;
+      }
+      &:hover {
+        text-decoration: none;
+        color: @color-alpha;
+        &:before {
+          color: darken(@color-alpha, 15%);
+        }
+      }
+    }
+  }
+  .form-group {
+    .form-control {
+      padding: 6px 20px;
+      border: 1px solid @gray-darker;
+      &:focus{
+        border: 1px solid @color-alpha;
+        box-shadow: @shadow;
+      }
+    }
+    button[type="submit"] {
+      .border-left-radius(@border-radius-small);
+      padding: 8px 22px 8px 16px;
+    }
+    input[type="search"] {
+      border-radius: @border-radius-large;
+      .border-right-radius(@border-radius-small);
+      float: left;
+      max-width: 180px;
+    }
+  }
+}
+
+/* MODULES - SHOP
+   ========================================================================== */
+
+#wrapwrap .input-group {
+  .btn.a-submit, .btn.oe_search_button {
+    .border-left-radius(@border-radius-small);
+    padding: 8px 22px 8px 16px;
+  }
+  .form-control{
+    border: 1px solid @gray-darker;
+    box-shadow: @shadow;
+    &.search-query{
+      .border-left-radius(@border-radius-large);
+    }
+  }
+}
+
+/* MODULES - BLOG
+   ========================================================================== */
+
+.cover .blog_title{
+  padding: 0 20px;
+}
@@ -0,0 +1,268 @@
+/* BACKGROUND COLORS
+   ========================================================================== */
+
+.bg-mixin(@background; @color; @bs-selector; @wb-selector){
+  background-color: @background;
+  color: @color;
+  a:not(.btn),
+  &.fa,
+  .text-@{bs-selector},
+  .blockquote-text small{
+    color: @color;
+  }
+  .bg-@{wb-selector}.label{
+    background-color: @color;
+    color: @background;
+  }
+  .btn.btn-@{bs-selector},
+  .btn.btn-default{
+    background-color: @color;
+    color: @background;
+    &:hover{
+      color: @color;
+    }
+  }
+  .bg-@{wb-selector}{
+    &.fa{
+      background-color: @color;
+      color: @background;
+    }
+    .img-thumbnail(@background, @color);
+  }
+  .panel-@{wb-selector}{
+    .panel-color(@color, @background);
+  }
+  .well-@{wb-selector}{
+    .well-color(@color);
+  }
+  .img-thumbnail(@color, @background);
+}
+
+.bg-none(@background; @color){
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.white(@content-color){
+  .bg-white{
+    .bg-mixin(#fff, @content-color, white, white);
+  }
+  .panel-white{
+    .panel-color(#fff, @content-color);
+  }
+  .well-white{
+    .well-color(#fff);
+  }
+}
+
+.gray-lighter(@content-color){
+  .bg-gray-lighter{
+    .bg-mixin(@gray-lighter, @content-color, gray-lighter, gray-lighter);
+  }
+  .panel-gray-lighter{
+    .panel-color(@gray-lighter, @content-color);
+  }
+  .well-gray-lighter{
+    .well-color(@gray-lighter);
+  }
+}
+
+.gray(@content-color){
+  .bg-gray{
+    .bg-mixin(@gray, @content-color, gray, gray);
+  }
+  .panel-gray{
+    .panel-color(@gray, @content-color);
+  }
+  .well-gray{
+    .well-color(@gray);
+  }
+}
+
+.gray-darker(@content-color){
+  .bg-gray-darker{
+    .bg-mixin(@gray-darker, @content-color, gray-darker, gray-darker);
+  }
+  .panel-gray-darker{
+    .panel-color(@gray-darker, @content-color);
+  }
+  .well-gray-darker{
+    .well-color(@gray-darker);
+  }
+  .well-gray-darker{
+    .well-color(@gray-darker);
+  }
+}
+
+.alpha(@content-color){
+  .bg-alpha{
+    .bg-mixin(@color-alpha, @content-color, primary, alpha);
+  }
+  .panel-alpha{
+    .panel-color(@color-alpha, @content-color);
+  }
+  .panel-primary{
+    .panel-variant(@color-alpha; @content-color; @color-alpha; @color-alpha);
+  }
+  .well-alpha{
+    .well-color(@color-alpha);
+  }
+}
+
+.beta(@content-color){
+  .bg-beta{
+    .bg-mixin(@color-beta, @content-color, success, beta);
+  }
+  .panel-beta{
+    .panel-color(@color-beta, @content-color);
+  }
+  .panel-success{
+    .panel-variant(@color-beta; @content-color; @color-beta; @color-beta);
+  }
+  .well-beta{
+    .well-color(@color-beta);
+  }
+}
+
+.gamma(@content-color){
+  .bg-gamma{
+    .bg-mixin(@color-gamma, @content-color, info, gamma);
+  }
+  .panel-gamma{
+    .panel-color(@color-gamma, @content-color);
+  }
+  .panel-info{
+    .panel-variant(@color-gamma; @content-color; @color-gamma; @color-gamma);
+  }
+  .well-gamma{
+    .well-color(@color-gamma);
+  }
+}
+
+.delta(@content-color){
+  .bg-delta{
+    .bg-mixin(@color-delta, @content-color, warning, delta);
+  }
+  .panel-delta{
+    .panel-color(@color-delta, @content-color);
+  }
+  .panel-warning{
+    .panel-variant(@color-delta; @content-color; @color-delta; @color-delta);
+  }
+  .well-delta{
+    .well-color(@color-delta);
+  }
+}
+
+.epsilon(@content-color){
+  .bg-epsilon{
+    .bg-mixin(@color-epsilon, @content-color, danger, epsilon);
+  }
+  .panel-epsilon{
+    .panel-color(@color-epsilon, @content-color);
+  }
+  .panel-danger{
+    .panel-variant(@color-epsilon; @content-color; @color-epsilon; @color-epsilon);
+  }
+  .well-epsilon{
+    .well-color(@color-epsilon);
+  }
+}
+
+/* PANEL COLORS
+   ========================================================================== */
+
+.panel-color(@color, @textcolor){
+  border-color: @color;
+  .list-group li.active{
+    background-color: @color !important;
+    color: @textcolor;
+  }
+  > .panel-heading{
+    background-color: @color;
+    color: @textcolor;
+    .text-muted{
+      color: @textcolor;
+    }
+    > .panel-title, a{
+      color: @textcolor;
+    }
+  }
+  .tab-content{
+    border-left: 1px solid @color;
+    border-bottom: 1px solid @color;
+    border-right: 1px solid @color;
+    padding: 20px;
+  }
+  .nav-tabs{
+    border-bottom: 1px solid @color;
+    > li {
+      > a{
+        background-color: inherit;
+        color: @color;
+        &:hover,
+        &:focus{
+          background-color: @color;
+          border: 1px solid @color;
+          border-bottom-color: @color;
+          color: @textcolor;
+          .fa{
+            color: @textcolor;
+          }
+        }
+      }
+      &.active a,
+      &.active a:hover,
+      &.active a:focus{
+        border: 1px solid @color;
+        background-color: @color;
+        color: @textcolor;
+        .fa{
+          color: @textcolor;
+        }
+      }
+    }
+  }
+}
+
+/* WELL COLORS
+   ========================================================================== */
+
+.well-color(@color){
+  background-color: rgba(0, 0, 0, 0);
+  border-color: @color;
+  color: inherit;
+  .fa{
+    color: @color;
+  }
+}
+
+/* THUMBNAILS COLORS
+   ========================================================================== */
+
+.img-thumbnail(@first-border-color; @second-border-color){
+  &.thumbnail,
+  &.img-thumbnail {
+    box-shadow: 0 0 0 3px @first-border-color, 0 0 0 6px @second-border-color;
+  }
+}
+
+/* TEXT MUTED
+   ========================================================================== */
+
+.text-muted(@color){
+  color: @color;
+  opacity: (@opacity * 0.5);
+}
+
+/* Fix non-clickable input */
+#wrapwrap form div.text-muted {
+  opacity: 1;
+}
+
+/* LAYOUT COLORS
+   ========================================================================== */
+
+.layout-font-styles(@layout-font-size; @layout-font-weight){
+  font-size: @layout-font-size;
+  font-weight: @layout-font-weight;
+}
@@ -0,0 +1,39 @@
+/* ==========================================================================
+   AGENCY
+   ========================================================================== */
+
+/* Colors
+   ========================================================================== */
+
+@color-alpha: @agency-alpha;
+@color-beta: @agency-beta;
+@color-gamma: @agency-gamma;
+@color-delta: @agency-delta;
+@color-epsilon: @agency-epsilon;
+
+/* Grayscale
+   ========================================================================== */
+
+@gray-darker: #20364d;
+// @gray-dark: #20364d;
+@gray: #50667e;
+// @gray-light: #b8d1e6;
+@gray-lighter: #e1effa;
+
+/* Content Colors
+   ========================================================================== */
+
+#wrapwrap{
+  .white(@gray-darker);
+  .gray-lighter(@gray-darker);
+  .gray(#fff);
+  .gray-darker(#fff);
+  .alpha(#fff);
+  .beta(#fff);
+  .gamma(#fff);
+  .delta(@gray-darker);
+  .epsilon(@gray-darker);
+}
+
+@layout-icons-color: #fff;
+@link-color: @color-alpha;
@@ -0,0 +1,37 @@
+/* ==========================================================================
+   ENVIRONMENT
+   ========================================================================== */
+
+/* Colors
+   ========================================================================== */
+
+@color-alpha: @environment-alpha;
+@color-beta: @environment-beta;
+@color-gamma: @environment-gamma;
+@color-delta: @environment-delta;
+@color-epsilon: @environment-epsilon;
+
+/* Grayscale
+   ========================================================================== */
+
+// @gray-darker: #1d2127;
+@gray: #A7A37E;
+@gray-lighter: #EFECCA;
+
+/* Content Colors
+   ========================================================================== */
+
+#wrapwrap{
+  .white(@gray-darker);
+  .gray-lighter(@gray-darker);
+  .gray(#fff);
+  .gray-darker(#fff);
+  .alpha(#fff);
+  .beta(#fff);
+  .gamma(#fff);
+  .delta(#fff);
+  .epsilon(@gray-darker);
+}
+
+@layout-icons-color: #fff;
+@link-color: @color-alpha;
@@ -0,0 +1,37 @@
+/* ==========================================================================
+   FOOD
+   ========================================================================== */
+
+/* Colors
+   ========================================================================== */
+
+@color-alpha: @food-alpha;
+@color-beta: @food-beta;
+@color-gamma: @food-gamma;
+@color-delta: @food-delta;
+@color-epsilon: @food-epsilon;
+
+/* Grayscale
+   ========================================================================== */
+
+// @gray-darker: #343642;
+// @gray: lighten(@gray-darker, 40%);
+// @gray-light: lighten(@gray-darker, 70%);
+
+/* Content Colors
+   ========================================================================== */
+
+#wrapwrap{
+  .white(@gray-darker);
+  .gray-lighter(@gray-darker);
+  .gray(#fff);
+  .gray-darker(#fff);
+  .alpha(#fff);
+  .beta(#fff);
+  .gamma(#fff);
+  .delta(#fff);
+  .epsilon(#fff);
+}
+
+@layout-icons-color: #fff;
+@link-color: @color-alpha;
@@ -0,0 +1,39 @@
+/* ==========================================================================
+   PRESS
+   ========================================================================== */
+
+/* Colors
+   ========================================================================== */
+
+@color-alpha: @press-alpha;
+@color-beta: @press-beta;
+@color-gamma: @press-gamma;
+@color-delta: @press-delta;
+@color-epsilon: @press-epsilon;
+
+/* Gray
+   ========================================================================== */
+
+@gray-darker: #1d2127;
+@gray-dark: lighten(@gray-darker, 25%);
+@gray: lighten(@gray-darker, 50%);
+@gray-light: lighten(@gray-darker, 65%);
+@gray-lighter: #e3dcd1;
+
+/* Content Colors
+   ========================================================================== */
+
+#wrapwrap{
+  .white(@gray-darker);
+  .gray-lighter(@gray-darker);
+  .gray(#fff);
+  .gray-darker(#fff);
+  .alpha(#fff);
+  .beta(#fff);
+  .gamma(#fff);
+  .delta(#fff);
+  .epsilon(@gray-darker);
+}
+
+@layout-icons-color: #fff;
+@link-color: @color-alpha;
@@ -0,0 +1,37 @@
+/* ==========================================================================
+   TECHNOLOGY
+   ========================================================================== */
+
+/* Colors
+   ========================================================================== */
+
+@color-alpha: @technology-alpha;
+@color-beta: @technology-beta;
+@color-gamma: @technology-gamma;
+@color-delta: @technology-delta;
+@color-epsilon: @technology-epsilon;
+
+/* Grayscale
+   ========================================================================== */
+
+@gray-darker: #3F5765;
+@gray: #348899;
+@gray-lighter: #BDD4DE;
+
+/* Content Colors
+   ========================================================================== */
+
+#wrapwrap{
+  .white(@gray-darker);
+  .gray-lighter(@gray-darker);
+  .gray(#fff);
+  .gray-darker(#fff);
+  .alpha(#fff);
+  .beta(@gray-darker);
+  .gamma(@gray-darker);
+  .delta(#fff);
+  .epsilon(#fff);
+}
+
+@layout-icons-color: #fff;
+@link-color: @color-alpha;
@@ -0,0 +1,37 @@
+/* ==========================================================================
+   TRAVEL
+   ========================================================================== */
+
+/* Colors
+   ========================================================================== */
+
+@color-alpha: @travel-alpha;
+@color-beta: @travel-beta;
+@color-gamma: @travel-gamma;
+@color-delta: @travel-delta;
+@color-epsilon: @travel-epsilon;
+
+/* Grayscale
+   ========================================================================== */
+
+@gray-darker: #002d44;
+@gray: #7f96a1;
+@gray-lighter: #bfcad0;
+
+/* Content Colors
+   ========================================================================== */
+
+#wrapwrap{
+  .white(@gray-darker);
+  .gray-lighter(@gray-darker);
+  .gray(#fff);
+  .gray-darker(#fff);
+  .alpha(#fff);
+  .beta(#fff);
+  .gamma(@gray-darker);
+  .delta(#fff);
+  .epsilon(#fff);
+}
+
+@layout-icons-color: #fff;
+@link-color: @color-alpha;
@@ -0,0 +1,47 @@
+/* ==================================================
+   ADVENT PRO + OXYGEN
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Advent Pro', sans-serif;
+@headings-font-weight: 600;
+@headings-font-bold: 700;
+@headings-line-height: 1.25;
+
+@font-size-h1: 72px;
+@font-size-h2: 60px;
+@font-size-h3: 48px;
+@font-size-h4: 32px;
+@font-size-h5: 24px;
+@font-size-h6: 20px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Oxygen', sans-serif;
+
+@line-height-base: 1.5;
+@line-height-computed: 24px;
+
+@font-normal: 300;
+@font-bold: 700;
+
+@font-size-large: 24px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 13px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-extra-small;
+
+@btn-font-weight: 500;
+@btn-font-size: @font-size-small;
+@btn-font-family: @font-family-base;
@@ -0,0 +1,47 @@
+/* ==================================================
+   AMATIC + JOSEFIN SANS
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Amatic SC', sans-serif;
+@headings-font-weight: 700;
+@headings-font-bold: 700;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 72px;
+@font-size-h3: 32px;
+@font-size-h4: 24px;
+@font-size-h5: 20px;
+@font-size-h6: 18px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Josefin Sans', sans-serif;
+
+@line-height-base: 1.4;
+@line-height-computed: 24px;
+
+@font-normal: 400;
+@font-bold: 700;
+
+@font-size-large: 24px;
+@font-size-base: 18px;
+@font-size-small: 16px;
+@font-size-extra-small: 14px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-extra-small;
+
+@btn-font-weight: 400;
+@btn-font-size: @font-size-small;
+@btn-font-family: @font-family-base;
@@ -0,0 +1,47 @@
+/* ==================================================
+   DOSIS + OPEN SANS
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Dosis', sans-serif;
+@headings-font-weight: 500;
+@headings-font-bold: 600;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 48px;
+@font-size-h3: 32px;
+@font-size-h4: 24px;
+@font-size-h5: 20px;
+@font-size-h6: 18px;
+
+/* Bodytext */
+
+@text-color: #000;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Open Sans', sans-serif;
+
+@line-height-base: 1.5;
+@line-height-computed: 24px;
+
+@font-normal: 300;
+@font-bold: 600;
+
+@font-size-large: 24px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 13px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-extra-small;
+
+@btn-font-weight: 600;
+@btn-font-size: @font-size-small;
+@btn-font-family: @headings-font-family;
@@ -0,0 +1,47 @@
+/* ==================================================
+   LATO + MERRIWEATHER
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Lato', sans-serif;
+@headings-font-weight: 400;
+@headings-font-bold: 700;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 48px;
+@font-size-h3: 32px;
+@font-size-h4: 24px;
+@font-size-h5: 20px;
+@font-size-h6: 18px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-serif;
+@font-family-serif: 'Merriweather', serif;
+
+@line-height-base: 1.5;
+@line-height-computed: 24px;
+
+@font-normal: 300;
+@font-bold: 700;
+
+@font-size-large: 20px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 13px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-extra-small;
+
+@btn-font-weight: 400;
+@btn-font-size: @font-size-small;
+@btn-font-family: @headings-font-family;
@@ -0,0 +1,44 @@
+/* ==================================================
+   MEDULA ONE + ABEL
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Medula One', sans-serif;
+@headings-font-weight: 400;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 60px;
+@font-size-h3: 48px;
+@font-size-h4: 32px;
+@font-size-h5: 24px;
+@font-size-h6: 20px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Abel', sans-serif;
+
+@line-height-base: 1.5;
+@line-height-computed: 24px;
+
+@font-normal: 400;
+@font-bold: 700;
+
+@font-size-large: 20px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 12px;
+
+/* Misc */
+
+@layout-font-size: @font-size-large;
+
+@btn-font-weight: 400;
+@layout-font-weight: 300;
@@ -0,0 +1,47 @@
+/* ==================================================
+   MONTSERRAT + NUNITO
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Montserrat Alternates', sans-serif;
+@headings-font-weight: 400;
+@headings-font-bold: 700;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 48px;
+@font-size-h3: 32px;
+@font-size-h4: 24px;
+@font-size-h5: 20px;
+@font-size-h6: 18px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Nunito', sans-serif;
+
+@line-height-base: 1.4;
+@line-height-computed: 24px;
+
+@font-normal: 300;
+@font-bold: 700;
+
+@font-size-large: 24px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 12px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-small;
+
+@btn-font-weight: 400;
+@btn-font-size: @font-size-small;
+@btn-font-family: @font-family-base;
@@ -0,0 +1,47 @@
+/* ==================================================
+   OSWALD + LATO
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Oswald', sans-serif;
+@headings-font-weight: 400;
+@headings-font-bold: 700;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 48px;
+@font-size-h3: 32px;
+@font-size-h4: 24px;
+@font-size-h5: 20px;
+@font-size-h6: 18px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Lato', sans-serif;
+
+@line-height-base: 1.5;
+@line-height-computed: 24px;
+
+@font-normal: 300;
+@font-bold: 500;
+
+@font-size-large: 24px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 12px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-small;
+
+@btn-font-weight: 400;
+@btn-font-size: @font-size-small;
+@btn-font-family: @font-family-base;
@@ -0,0 +1,47 @@
+/* ==================================================
+   ROBOTO SLAB + ROBOTO
+   ================================================== */
+
+/* Titles */
+
+@headings-color: inherit;
+@headings-small-color: @color-alpha;
+
+@headings-font-family: 'Roboto Slab', serif;
+@headings-font-weight: 400;
+@headings-font-bold: 700;
+@headings-line-height: 1.25;
+
+@font-size-h1: 60px;
+@font-size-h2: 48px;
+@font-size-h3: 32px;
+@font-size-h4: 24px;
+@font-size-h5: 20px;
+@font-size-h6: 18px;
+
+/* Bodytext */
+
+@text-color: @gray-darker;
+
+@font-family-base: @font-family-sans-serif;
+@font-family-sans-serif: 'Roboto', sans-serif;
+
+@line-height-base: 1.5;
+@line-height-computed: 24px;
+
+@font-normal: 300;
+@font-bold: 500;
+
+@font-size-large: 24px;
+@font-size-base: 16px;
+@font-size-small: 14px;
+@font-size-extra-small: 13px;
+
+/* Layout */
+
+@layout-font-weight: 400;
+@layout-font-size: @font-size-extra-small;
+
+@btn-font-weight: 500;
+@btn-font-size: @font-size-small;
+@btn-font-family: @font-family-base;
@@ -0,0 +1,6 @@
+#wrapwrap{
+  footer{
+    background-color: @gray-darker;
+    color: #fff;
+  }
+}
--- a/Show More
+++ b/Show More