/*
 # -----------------------------------------------------------------------------
 #   ~/packages/100_template_css/theme_uno_extensions.scss
 #   EXTENTIONS - Styles overtaken from Theme Uno for THEMES
 #
 #   Product/Info:
 #   https://jekyll.one
 #
 #   Copyright (C) 2020 Juergen Adams
 #
 #   J1 Template is licensed under the MIT License.
 #   See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/variables.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: This is the (SASS) entry point for global theme variables
 # -----------------------------------------------------------------------------
*/
.bs-primary {
  color: #2196f3 !important; }

.bs-secondary {
  color: #607d8b !important; }

.bs-success {
  color: #4caf50 !important; }

.bs-info {
  color: #00bcd4 !important; }

.bs-warning {
  color: #ffeb3b !important; }

.bs-danger {
  color: #f44336 !important; }

.bs-light {
  color: #f5f5f5 !important; }

.bs-dark {
  color: #424242 !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/mixins.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: This is the (SASS) entry point for all theme specific mixins
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/vendor/bmd/mixins/_forms.scss
 #
 #  Product/Info:
 #  https://github.com/FezVrasta/bootstrap-material-design
 #
 #  Copyright (C) 2020 Federico Zivolo and Contributors
 #
 #  Bootstrap Material Design is licensed under the MIT License.
 #  See: https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/bootstrap/_body.scss
 # Provides additional body styles
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/* Chrome, IE 10+ */
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none; }

/* Firefox */
.hide-scrollbar-moz {
  scrollbar-width: none; }

/* WebKit */
.hide-scrollbar::-webkit-scrollbar {
  width: 0px; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/_radios.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
.radio label,
label.radio-inline {
  position: relative;
  padding-left: 1.5625rem; }
  .radio label .bmd-radio,
  label.radio-inline .bmd-radio {
    position: absolute;
    left: 0;
    display: inline-block;
    padding: .7em;
    margin: -.7em;
    line-height: .7;
    border-radius: 100%; }
    .radio label .bmd-radio::after,
    label.radio-inline .bmd-radio::after {
      display: inline-block;
      width: 1.25rem;
      height: 1.25rem;
      cursor: pointer;
      content: "";
      border: 0.125rem solid #9e9e9e;
      border-radius: 50%;
      transition: border-color ease .28s;
      transition-duration: 0.2s; }
    .radio label .bmd-radio::before,
    label.radio-inline .bmd-radio::before {
      position: absolute;
      display: inline-block;
      width: 1.25rem;
      height: 1.25rem;
      content: "";
      background-color: #2196f3;
      border-radius: 50%;
      transition: transform ease .28s;
      transform: scale3d(0, 0, 0); }
  .radio label input[type=radio],
  label.radio-inline input[type=radio] {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0; }
    .radio label input[type=radio]:checked ~ .bmd-radio::after,
    label.radio-inline input[type=radio]:checked ~ .bmd-radio::after {
      border-color: #2196f3; }
    .radio label input[type=radio]:checked ~ .bmd-radio::before,
    label.radio-inline input[type=radio]:checked ~ .bmd-radio::before {
      background-color: #2196f3; }
    .radio label input[type=radio]:checked ~ .bmd-radio::before,
    label.radio-inline input[type=radio]:checked ~ .bmd-radio::before {
      transform: scale3d(0.5, 0.5, 1); }
    .radio label input[type=radio][disabled] + .bmd-radio, .radio label input[type=radio]:disabled + .bmd-radio,
    fieldset[disabled] .radio label input[type=radio] + .bmd-radio,
    label.radio-inline input[type=radio][disabled] + .bmd-radio,
    label.radio-inline input[type=radio]:disabled + .bmd-radio,
    fieldset[disabled]
    label.radio-inline input[type=radio] + .bmd-radio {
      cursor: default; }
      .radio label input[type=radio][disabled] + .bmd-radio::after, .radio label input[type=radio]:disabled + .bmd-radio::after,
      fieldset[disabled] .radio label input[type=radio] + .bmd-radio::after,
      label.radio-inline input[type=radio][disabled] + .bmd-radio::after,
      label.radio-inline input[type=radio]:disabled + .bmd-radio::after,
      fieldset[disabled]
      label.radio-inline input[type=radio] + .bmd-radio::after {
        border-color: rgba(0, 0, 0, 0.26); }
      .radio label input[type=radio][disabled] + .bmd-radio::before, .radio label input[type=radio]:disabled + .bmd-radio::before,
      fieldset[disabled] .radio label input[type=radio] + .bmd-radio::before,
      label.radio-inline input[type=radio][disabled] + .bmd-radio::before,
      label.radio-inline input[type=radio]:disabled + .bmd-radio::before,
      fieldset[disabled]
      label.radio-inline input[type=radio] + .bmd-radio::before {
        background-color: rgba(0, 0, 0, 0.26); }
    .radio label input[type=radio][disabled] + .bmd-radio .ripple-container, .radio label input[type=radio]:disabled + .bmd-radio .ripple-container,
    fieldset[disabled] .radio label input[type=radio] + .bmd-radio .ripple-container,
    label.radio-inline input[type=radio][disabled] + .bmd-radio .ripple-container,
    label.radio-inline input[type=radio]:disabled + .bmd-radio .ripple-container,
    fieldset[disabled]
    label.radio-inline input[type=radio] + .bmd-radio .ripple-container {
      display: none; }
    .bg-inverse .radio label input[type=radio][disabled] + .bmd-radio::after, .bg-inverse .radio label input[type=radio]:disabled + .bmd-radio::after, .bg-inverse
    fieldset[disabled] .radio label input[type=radio] + .bmd-radio::after, .bg-inverse
    label.radio-inline input[type=radio][disabled] + .bmd-radio::after, .bg-inverse
    label.radio-inline input[type=radio]:disabled + .bmd-radio::after, .bg-inverse
    fieldset[disabled]
    label.radio-inline input[type=radio] + .bmd-radio::after {
      border-color: rgba(255, 255, 255, 0.3); }
    .bg-inverse .radio label input[type=radio][disabled] + .bmd-radio::before, .bg-inverse .radio label input[type=radio]:disabled + .bmd-radio::before, .bg-inverse
    fieldset[disabled] .radio label input[type=radio] + .bmd-radio::before, .bg-inverse
    label.radio-inline input[type=radio][disabled] + .bmd-radio::before, .bg-inverse
    label.radio-inline input[type=radio]:disabled + .bmd-radio::before, .bg-inverse
    fieldset[disabled]
    label.radio-inline input[type=radio] + .bmd-radio::before {
      background-color: rgba(255, 255, 255, 0.3); }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/_ripples.scss
 #
 # Product/Info:
 # https://github.com/FezVrasta/bootstrap-material-design
 #
 # Copyright (C) 2020 Federico Zivolo and Contributors
 #
 # Bootstrap Material Design is licensed under the MIT License.
 # See: https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md
 # -----------------------------------------------------------------------------
*/
.ripple {
  position: relative; }

.ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit; }
  .ripple-container .ripple-decorator {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    opacity: 0;
    transform: scale(1);
    transform-origin: 50%; }
    .ripple-container .ripple-decorator.ripple-on {
      opacity: 0.1;
      transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }
    .ripple-container .ripple-decorator.ripple-out {
      opacity: 0;
      transition: opacity 0.1s linear 0s !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/_switches.scss
 #
 # Product/Info:
 # https://github.com/FezVrasta/bootstrap-material-design
 #
 # Copyright (C) 2020 Federico Zivolo and Contributors
 #
 # Bootstrap Material Design is licensed under the MIT License.
 # See: https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md
 # -----------------------------------------------------------------------------
*/
.switch label {
  position: relative;
  padding-left: 2.4375rem; }
  .switch label .bmd-switch-track {
    position: absolute;
    top: 0.3125rem;
    left: 0;
    display: inline-block;
    width: 2.125rem;
    height: 0.875rem;
    cursor: pointer;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 50%, #b7d4ec 50%, #b7d4ec 100%);
    background-position: 0%;
    background-size: 4.25rem 0.875rem;
    border-radius: 2.125rem;
    transition: background-position 0.2s ease-in; }
    .switch label .bmd-switch-track::after {
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      align-self: center;
      width: 1.25rem;
      height: 1.25rem;
      content: "";
      background: #f1f1f1;
      border-radius: 100%;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
      transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
      transform: translateY(-50%); }
    .switch label .bmd-switch-track:active::after {
      transform: translateY(-50%) scale3d(1.15, 0.85, 1); }
  .switch label input {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    opacity: 0; }
    .switch label input:checked + .bmd-switch-track {
      background-position: -100%; }
      .switch label input:checked + .bmd-switch-track::after {
        left: calc(100% - 1.25rem);
        background-color: #2196f3; }
    .switch label input:disabled + .bmd-switch-track:active::after {
      transform: translateY(-50%); }
    .switch label input:disabled + .bmd-switch-track {
      cursor: default;
      background: rgba(0, 0, 0, 0.12); }
      .switch label input:disabled + .bmd-switch-track::after {
        background: #bdbdbd; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/extentions.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: This is the (SASS) entry point for all theme extentions
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_advertising.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: MDE styles for the Advertising module (Ads)
 # -----------------------------------------------------------------------------
*/
.advertising {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0;
  padding: 1.5rem;
  border-radius: 3px;
  margin-bottom: 0.25rem;
  z-index: 9; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_attic.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Styles for the attics module (page headers)
 # -----------------------------------------------------------------------------
*/
.attic {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* jadams, 2017-12-11: needed for image headers */ }

.attic .j1-booticon {
  margin: 0 auto 30px; }

.attic .head-title h2 {
  margin-top: 0;
  margin-bottom: 0 !important;
  font-weight: 600;
  line-height: 1; }

.attic .head-tagline h3 {
  margin-top: 0;
  margin-bottom: 0 !important;
  font-weight: 400;
  line-height: 1; }

.attic .lead {
  margin: 0 20px 30px;
  font-size: 20px;
  color: #babdb6; }

.attic .version {
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #2e3436; }

.attic .btn {
  width: 100%;
  padding: 15px 30px;
  font-size: 20px; }

.attic-caption {
  display: none;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 15px;
  padding-bottom: 10px;
  font-size: 1rem;
  font-weight: 600; }

.attic-caption a {
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none; }

.attic-caption a:hover {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none; }

/* Media breakpoints
-------------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .attic .lead {
    width: 90%;
    font-size: 30px; } }

@media (min-width: 768px) {
  .attic h1 {
    font-size: 60px; }
  .attic .lead {
    width: 95%;
    font-size: 24px; } }

@media (min-width: 480px) {
  .attic .btn {
    width: auto;
    margin-top: 10px; } }

/* Helper styles
-------------------------------------------------------------------------------- */
.text-emphasis-none {
  text-shadow: none !important; }

.text-emphasis-strong {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4) !important; }

.text-emphasis-stronger {
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.3) !important; }

.text-emphasis-strongest {
  text-shadow: 0 4px 0 rgba(0, 0, 0, 0.2) !important; }

/* Unsplash
-------------------------------------------------------------------------------- */
.attic__badge {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px 6px;
  display: inline-block;
  border-radius: 3px; }

.attic__badge_unsplash {
  font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2; }

.attic__badge_unsplash_icon {
  display: inline-block;
  padding: 2px 3px; }

.attic__badge_unsplash_icon-size {
  height: 12px;
  width: auto;
  position: relative;
  vertical-align: middle;
  top: -2px;
  fill: white; }

.attic__badge_unsplash_text {
  display: inline-block;
  padding: 2px 3px; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_bs-doc.scss
 # Provides additional styles taken from BS DOC template
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
.doc-example {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 1.5rem;
  border-radius: 1px;
  margin-bottom: 0.25rem; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_cards.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Styles for (extended) cards
 # -----------------------------------------------------------------------------
*/
/*
.card {
  border: 1px solid $grey-300 !important;
  border-radius: 0.125rem !important;
}
*/
.card .card-header {
  background-color: #2196f3; }

.card-header:first-child {
  border-radius: 0 !important; }

.card .card-footer {
  background-color: #f5f5f5; }

/* jadams: Overwrite Bootstraps heading margins for cards */
/* .card > h1, h2, h3, h4, h5 { */
.card h1 h2 h3 h4 h5 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.card-flat {
  box-shadow: unset !important; }

.card .card-height-indicator {
  margin-top: 120%; }

.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden; }

.card-image-outer {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px; }

/* MD table cards
--------------------------------------------------------------------- */
/* jadams MD table cards */
.card .card-table {
  padding: 15px 20px;
  position: relative; }

.card .card-header .category {
  margin-bottom: 0; }

.card .card-header.card-header-text {
  display: inline-block; }

.card .card-header.card-header-text:after {
  content: " ";
  display: table; }

.card .card-header.card-header-icon {
  float: left; }

.card .card-header.card-header-icon i {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px; }

.card h1.card-header,
.card h2.card-header,
.card h3.card-header,
.card h4.card-header,
.card h5.card-header,
.card h6.card-header {
  color: #fff; }

.card [data-background-color="purple"] {
  background: linear-gradient(60deg, #ab47bc, #8e24aa);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.2), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }

.card [data-icon-bg-color="purple"] i {
  color: #9c27b0; }

/* jadams: border-radius should be set with img ONLY */
/* Set border-radius to 0px, should be set via template|liquid */
.card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 1px;
  pointer-events: none; }

.card .card-title {
  color: #9e9e9e; }

a.card-title:hover {
  text-decoration: none; }

.card h1.card-title,
.card h2.card-title,
.card h3.card-title,
.card h4.card-title,
.card h5.card-title,
.card h6.card-title {
  font-size: 1.75rem !important;
  font-weight: 300; }

.card .card-title a {
  color: #f44336 !important;
  text-decoration: none !important; }

.card .card-title > a:focus, .card .card-title > a:hover {
  color: #2196f3 !important;
  text-decoration: none !important; }

.card-pricing > .card-title {
  bottom: 15px;
  left: 15px;
  color: #f44336;
  /* font-size: 1.3em; */ }

.card .card-image .card-image-headline {
  position: absolute;
  bottom: 16px;
  left: 18px;
  color: #fff;
  font-size: 2em; }

.card .card-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.card-icon {
  max-width: 130px;
  max-height: 130px;
  margin: -60px auto 0;
  border-radius: 50%; }

.card-icon-left {
  margin: -50px auto 0;
  padding-left: 2.5em;
  /* background: #ddd; */ }

.card-icon-background-no-color {
  background: transparent !important; }

.card-icon-background-color-theme {
  background: #2196f3 !important; }

.card-icon-background-color-default {
  background: #2196f3 !important; }

.card-icon-background-color-primary {
  background: #2196f3 !important; }

.card-icon-background-color-success {
  background: #4caf50 !important; }

.card-icon-background-color-info {
  background: #00bcd4 !important; }

.card-icon-background-color-warning {
  background: #ffeb3b !important; }

.card-icon-background-color-danger {
  background: #f44336 !important; }

.card-icon-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 100px;
  display: inline-block; }

.card-icon-rectangle {
  width: 120px;
  height: 120px;
  line-height: 100px;
  display: inline-block; }

.card-icon-fa {
  padding-top: 10px; }

.card-icon-mdi {
  padding-top: .5rem;
  align-items: center; }

.card-icon-zmdi {
  padding-top: 10px; }

.card-icon-circle:hover {
  background: rgba(255, 255, 255, 0.2); }

.card .category:not([class*="text-"]) {
  color: #9e9e9e; }

/*  Base Styles Header
------------------------------------------------------------------- */
.card .header {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  /* margin: 15px; */
  border-radius: 1px;
  padding: 15px 0;
  background-color: #fff;
  border-bottom: 0px; }

.card .header .title {
  color: #fff; }

.card .header-primary,
.card .content-primary {
  background: linear-gradient(60deg, #2196f3, #0d47a1); }

.card .header-info,
.card .content-info {
  background: linear-gradient(60deg, #26c6da, #0097a7); }

.card .header-success,
.card .content-success {
  background: linear-gradient(60deg, #66bb6a, #388e3c); }

.card .header-warning,
.card .content-warning {
  background: linear-gradient(60deg, #ffa726, #f57c00); }

.card .header-danger,
.card .content-danger {
  background: linear-gradient(60deg, #ef5350, #d32f2f); }

.card .header-rose,
.card .content-rose {
  background: linear-gradient(60deg, #ec407a, #c2185b); }

.card [class*="header-"],
.card [class*="content-"] {
  /* jadams: color: $white; */
  color: #212121; }

.card [class*="header-"] .card-title a,
.card [class*="header-"] .card-title,
.card [class*="header-"] .icon i,
.card [class*="content-"] .card-title a,
.card [class*="content-"] .card-title,
.card [class*="content-"] .icon i {
  /* jadams: color: $white; */
  color: #212121; }

.card [class*="header-"] .icon i,
.card [class*="content-"] .icon i {
  border-color: rgba(255, 255, 255, 0.3); }

.card [class*="header-"] .author a,
.card [class*="header-"] .footer .stats,
.card [class*="header-"] .category,
.card [class*="header-"] .card-description,
.card [class*="content-"] .author a,
.card [class*="content-"] .footer .stats,
.card [class*="content-"] .category,
.card [class*="content-"] .card-description {
  color: rgba(255, 255, 255, 0.8); }

.card [class*="header-"] .author a:hover, .card [class*="header-"] .author a:focus, .card [class*="header-"] .author a:active,
.card [class*="content-"] .author a:hover,
.card [class*="content-"] .author a:focus,
.card [class*="content-"] .author a:active {
  /* jadams: color: $white; */
  color: #212121; }

.card [class*="content-"] {
  border-radius: 1px; }

.card [class*="content-"] h1 small,
.card [class*="content-"] h2 small,
.card [class*="content-"] h3 small {
  color: rgba(255, 255, 255, 0.8); }

.card img {
  width: 100%;
  height: auto; }

.card .category .material-icons {
  position: relative;
  top: 6px;
  line-height: 0; }

.card .category-social .fa {
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 2px;
  margin-right: 5px; }

.card .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px; }

.card .author a {
  color: blue-grey;
  text-decoration: none; }

.card .author a .ripple-container {
  display: none; }

.card .footer {
  margin-top: 15px; }

.card .footer div {
  display: inline-block; }

.card .footer .author {
  color: #eee; }

.card .footer .stats {
  float: right;
  color: #eee; }

.card .footer .stats .material-icons {
  position: relative;
  top: 4px;
  font-size: 18px; }

.carousel .card {
  max-width: 650px;
  margin: 60px auto; }

.card .checkbox,
.card .radio {
  margin-top: 16px; }

/*  SignUp Cards
------------------------------------------------------------------- */
.card-signup .header {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -40px;
  padding: 20px 0; }

.card-signup .text-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: center; }

.card-signup .content {
  padding: 0px 30px 0px 10px; }

.card-signup .checkbox {
  margin-top: 20px; }

.card-signup .checkbox label {
  margin-left: 17px; }

.card-signup .checkbox .checkbox-material {
  padding-right: 12px; }

.card-signup .social-line {
  margin-top: 15px;
  text-align: center;
  padding: 0; }

.card-signup .social-line .btn {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px; }

/*  Contact Cards
------------------------------------------------------------------- */
.card-contact .header {
  margin-top: -20px; }

.card-contact .header .title {
  margin: 10px 0 10px; }

/*  Nav Cards (Tabs)
------------------------------------------------------------------- */
.card-nav-tabs {
  margin-top: 45px; }

/* jadams: -30px -> 0px */
.card-nav-tabs .header {
  margin-top: -40px; }

.card-nav-tabs .nav-tabs {
  background: transparent; }

/*  Plain Cards
------------------------------------------------------------------- */
.card-plain {
  background: transparent;
  box-shadow: none; }

.card-plain .header {
  margin-left: 0;
  margin-right: 0; }

.card-plain .content {
  padding-left: 5px;
  padding-right: 5px; }

.card-plain .card-image {
  margin: 0;
  border-radius: 1px; }

.card-plain .card-image img {
  border-radius: 1px; }

.iframe-container iframe {
  width: 100%;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

/*  Form Cards
------------------------------------------------------------------- */
.card-form-horizontal .content {
  padding-left: 15px;
  padding-right: 15px; }

.card-form-horizontal .form-group {
  padding-bottom: 0px;
  margin: 3px 0 0 0; }

.card-form-horizontal .form-group .form-control {
  margin-bottom: 0; }

.card-form-horizontal .btn {
  margin: 0; }

.card-form-horizontal .input-group .input-group-addon {
  padding-left: 0; }

/*  Profile Cards
------------------------------------------------------------------- */
.card-profile,
.card-testimonial {
  margin-top: 60px;
  text-align: center; }

.card-tabs {
  margin-top: 60px; }

.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px; }

.card-profile .card-avatar,
.card-testimonial .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -60px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.card-profile .card-avatar + .content,
.card-testimonial .card-avatar + .content {
  margin-top: 15px; }

.card-profile.card-plain .card-avatar,
.card-testimonial.card-plain .card-avatar {
  margin-top: 0; }

/*  Testimonial Cards
------------------------------------------------------------------- */
.card-testimonial .card-avatar {
  max-width: 100px;
  max-height: 100px; }

.card-testimonial .footer {
  margin-top: 0; }

.card-testimonial .footer .card-avatar {
  margin-top: 10px;
  margin-bottom: -50px; }

.card-testimonial .card-description {
  font-style: italic; }

.card-testimonial .card-description + .card-title {
  margin-top: 30px; }

.card-testimonial .icon {
  margin-top: 30px; }

.card-testimonial .icon .material-icons {
  font-size: 40px; }

/*  Blog Cards
------------------------------------------------------------------- */
.card-blog {
  margin-top: 30px; }

.card-blog .row .category {
  margin-bottom: 0; }

.card-blog .card-title {
  margin-top: 5px; }

.card-blog .card-image + .category {
  margin-top: 20px; }

/*  Pricing Cards
------------------------------------------------------------------- */
.card-pricing {
  text-align: center; }

.card-pricing .card-title {
  margin-top: 30px;
  font-size: 3.4em; }

.card-pricing .content {
  padding: 15px !important; }

.card-pricing .icon {
  padding: 10px 0 0px;
  color: #eee; }

.card-pricing .icon i {
  font-size: 80px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  width: 130px;
  line-height: 130px;
  height: 130px; }

.card-pricing h1 small {
  font-size: 18px; }

.card-pricing h1 small:first-child {
  position: relative;
  /* top: -17px; */
  font-size: 26px; }

.card-pricing ul {
  list-style: none;
  padding: 0;
  max-width: 240px;
  margin: 10px auto; }

.card-pricing ul li {
  color: #eee;
  display: inline-flex;
  align-items: flex-end;
  padding: 12px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3); }

.card-pricing ul li:last-child {
  border: 0; }

.card-pricing ul li b {
  color: #616161; }

.card-pricing ul li i {
  top: 6px;
  position: relative; }

.card-pricing.card-background ul li,
.card-pricing [class*="content-"] ul li {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3); }

.card-pricing.card-background ul li b,
.card-pricing [class*="content-"] ul li b {
  color: #fff; }

.card-pricing.card-background [class*="text-"],
.card-pricing [class*="content-"] [class*="text-"] {
  color: #fff; }

.card-pricing.card-background:after {
  background-color: darken-700; }

.card-raised {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.card-background {
  background-position: center center;
  background-size: cover;
  text-align: center; }

.card-background .content {
  position: relative;
  z-index: 2;
  min-height: 280px;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 440px;
  margin: 0 auto; }

.card-background .category,
.card-background .card-description,
.card-background small {
  color: rgba(255, 255, 255, 0.7); }

.card-background .card-title {
  color: #fff;
  margin-top: 10px; }

.card-background:not(.card-pricing) .btn {
  margin-bottom: 0; }

.card-background:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: " ";
  background-color: rgba(0, 0, 0, 0.56);
  border-radius: 1px; }

/*  Product Cards
------------------------------------------------------------------- */
.card-product {
  margin-top: 30px; }

.card-product .btn-simple.btn-just-icon {
  padding: 0; }

.card-product .footer {
  margin-top: 5px; }

.card-product .footer .stats .material-icons {
  margin-top: 4px;
  top: 0; }

.card-product .footer .price h4 {
  margin-bottom: 0; }

.card-product .card-title,
.card-product .category,
.card-product .card-description {
  text-align: center; }

.card .tagbox {
  border-radius: 1px; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_collection.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General collection styles
 # -----------------------------------------------------------------------------
*/
.article-overview-heading {
  display: block;
  margin: 12px 10px 25px 0px;
  border-bottom: 1px solid #E5E5E5; }

.article-overview-heading h3 {
  font-size: 24px;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.article-overview-heading h3 > a {
  color: rgba(0, 0, 0, 0.5) !important; }

.article-overview-heading h3 > a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  text-decoration: none; }

.article-overview-description, .article-overview-excerpt {
  margin: 1rem 1.8rem 2rem .5rem;
  text-align: justify; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_container.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General container styles
 # -----------------------------------------------------------------------------
*/
/*
#content {
   padding-right: initial;
}S
*/
@media (min-width: 992px) {
  #content {
    padding-left: 0px; } }

@media (max-width: 992px) {
  #content {
    padding-left: 0px; } }

@media (max-width: 768px) {
  #content {
    padding-left: 15px; } }

.no-padding {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_footer.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General footer styles
 # -----------------------------------------------------------------------------
*/
/* jadams: background md_grey_900 */
.footer {
  padding-top: 2em;
  background: #212121;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }

.footer__title_color {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.3em !important; }

.footer p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1em;
  font-family: sans-serif; }

.heading-footer {
  text-align: left;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 2px; }

.heading-footer:after {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  content: " ";
  background: #204a87;
  position: absolute; }

.heading-footer h2 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.3em !important;
  text-transform: uppercase; }

/*Link News*/
.footer .link-news {
  margin-bottom: 0; }

.footer .link-news li {
  padding: 12px 0px;
  border-top: solid 1px rgba(255, 255, 255, 0.3); }

.footer .link-news li:first-child {
  padding-top: 0;
  border-top: none; }

.footer .link-news li a {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 700; }

/*
.footer .link-news li a {
	color: $lighten-300;
	font-size: 1em;
	margin-bottom: 0;
	display: inline-block;
}
*/
.footer .link-news a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

.footer .link-news li small {
  color: rgba(255, 255, 255, 0.3);
  display: block; }

/*Link List*/
.footer-link-list li {
  padding: 9px 0px;
  border-top: solid 1px rgba(255, 255, 255, 0.3); }

.footer-link-list li:first-child {
  padding-top: 0;
  border-top: none; }

.footer-link-list li a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1em;
  display: inline-block;
  font-family: sans-serif;
  margin-bottom: 0; }

.footer-link-list a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

/*Contacts*/
.footer .contacts {
  margin-bottom: 0; }

.footer .contacts li {
  margin-bottom: 20px; }

.footer .contacts li:before,
.footer .contacts li:after {
  content: " ";
  display: table; }

.footer .contacts li:after {
  clear: both; }

.footer .contacts li i {
  float: left;
  width: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0.5);
  padding: 8px 5px;
  background: #333;
  text-align: center;
  margin: 4px 10px 0 0;
  display: inline-block; }

.footer .contacts li p {
  margin-bottom: 0; }

.footer .contacts li a {
  color: rgba(255, 255, 255, 0.5); }

.footer .contacts li a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

/*Footer Copyright*/
/* Enable horizontal list */
#inline ul li {
  display: inline; }

/* jadams: md_grey_800 */
.copyright {
  padding: 15px 0;
  background: #212121;
  font-family: sans-serif; }

.copyright p {
  font-size: 0.8em;
  font-family: sans-serif;
  margin-top: 3px; }

/*Social Icons*/
.dark-social {
  margin: 5px 0 0; }

.dark-social li {
  margin-left: 5px; }

.dark-social li i {
  color: rgba(255, 255, 255, 0.5); }

/*Terms Menu*/
.copyright .terms-menu {
  margin: 7px 0 0; }

.copyright .terms-menu li {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8em;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.copyright .terms-menu li:first-child {
  border-left: none;
  padding: 0 7px 0 0; }

.copyright .terms-menu li a {
  color: rgba(255, 255, 255, 0.5); }

.copyright .terms-menu li:after {
  content: "\20 \B7 \20"; }

.copyright .terms-menu li:last-child:after {
  content: ""; }

.copyright .terms-menu li a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

@media (max-width: 992px) {
  .copyright .terms-menu,
  .copyright .dark-social.pull-right {
    text-align: left;
    float: none !important; } }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_pages.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Additional styles for page articles (pages)
 # -----------------------------------------------------------------------------
*/
/* Helper classes
----------------- */
.fix-height-150 {
  height: 150px; }

.fix-height-300 {
  height: 300px; }

.fix-height-600 {
  height: 600px; }

/* Container (Parent) classes
----------------------------- */
.flex-container-v2 {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #3F51B5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around; }

.flex-container {
  display: flex;
  align-items: center;
  background-color: #3F51B5;
  margin-bottom: 2rem; }

.flex-container div {
  background-color: #E8EAF6;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-weight: bold;
  font-size: 3em; }

/* Flex Item (Child) classes
------------------------------------------------------------------- */
.flex-item-v2 {
  background-color: #E8EAF6;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-weight: bold;
  font-size: 3em; }

/* Flex PARENT property flex-direction
------------------------------------------------------------------- */
.flex-direction-column {
  flex-direction: column; }

.flex-direction-column-reverse {
  flex-direction: column-reverse; }

.flex-direction-row {
  flex-direction: row; }

.flex-direction-row-reverse {
  flex-direction: row-reverse; }

/* Flex PARENT property flex-wrap
------------------------------------------------------------------- */
.flex-wrap-nowrap {
  flex-wrap: nowrap; }

.flex-wrap-wrap {
  flex-wrap: wrap; }

.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse; }

/* Flex PARENT property flex-wrap
------------------------------------------------------------------- */
.flex-flow-row-wrap {
  flex-flow: row wrap; }

.flex-flow-row-nowrap {
  flex-flow: row nowrap; }

/* Flex PARENT property justify-content
------------------------------------------------------------------- */
.flex-justify-content-center {
  justify-content: center; }

.flex-justify-content-flex-start {
  justify-content: flex-start; }

.flex-justify-content-flex-end {
  justify-content: flex-end; }

.flex-justify-content-space-around {
  justify-content: space-around; }

.flex-justify-content-space-between {
  justify-content: space-between; }

/* Flex PARENT property align-items
------------------------------------------------------------------- */
.flex-align-items-baseline {
  align-items: baseline; }

.flex-align-items-center {
  align-items: center; }

.flex-align-items-start {
  align-items: flex-start; }

.flex-align-items-end {
  align-items: flex-end; }

.flex-align-items-stretch {
  align-items: stretch; }

/* Flex PARENT property align-content
------------------------------------------------------------------- */
.flex-align-content-center {
  align-content: center; }

.flex-align-content-flex-start {
  align-content: flex-start; }

.flex-align-content-flex-end {
  align-content: flex-end; }

.flex-align-content-space-around {
  align-content: space-around; }

.flex-align-content-space-between {
  align-content: space-between; }

.flex-align-content-stretch {
  align-content: stretch; }

/* Navigation example
------------------------------------------------------------------- */
.navigation {
  list-style: none;
  margin: 0;
  background: deepskyblue;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-end; }

.navigation a {
  text-decoration: none;
  display: block;
  padding: 1em;
  color: white; }

.navigation a:hover {
  background-color: #3F51B5; }

@media all and (max-width: 800px) {
  .navigation {
    justify-content: space-around; } }

@media all and (max-width: 600px) {
  .navigation {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0; }
  .navigation a {
    text-align: center;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .navigation li:last-of-type a {
    border-bottom: none; } }

/* 3-Columns Layout example
------------------------------------------------------------------- */
.wrapper-mobile {
  display: flex;
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center; }

.wrapper-mobile > * {
  padding: 10px;
  flex: 1 100%; }

.header-mobile {
  background: tomato; }

.footer-mobile {
  background: lightgreen; }

.main-mobile {
  text-align: left;
  background: deepskyblue; }

.aside-1 {
  background: gold; }

.aside-2 {
  background: hotpink; }

@media all and (min-width: 600px) {
  .aside {
    flex: 1 auto; } }

@media all and (min-width: 800px) {
  .main-mobile {
    flex: 3 0px; }
  .aside-1 {
    order: 1; }
  .main-mobile {
    order: 2; }
  .aside-2 {
    order: 3; }
  .footer-mobile {
    order: 4; } }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_post_featured.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General styles for featured articles
 # -----------------------------------------------------------------------------
*/
.featured-article,
featured-article-shadow-effect {
  padding-top: 30px;
  padding-bottom: 30px; }

.featured-article-img {
  border-radius: 5px;
  /* padding-right: 30px; */
  display: block;
  max-width: 100%;
  height: auto; }

.featured-article-shadow-effect:hover {
  background: #FAFAFA;
  box-shadow: 0 0 5px #ddd;
  transition: box-shadow 0.2s ease-in-out; }

/* jadams 2016-09-04: add new styles: timeline-headline|timeline-list-unstyled */
.featured-headline {
  display: block;
  margin: 10px 0 45px 0;
  border-bottom: 1px solid #e4e9f0; }

/* jadams 2016-09-04: Headline moved to top|modified style */
/* .featured-headline h2, h3 { */
h2.featured-headline, h3.featured-headline {
  font-weight: 200;
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_post.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General styles for blog articles (posts)
 # -----------------------------------------------------------------------------
*/
.post-category-icon .fa,
.post-category-icon .mdi,
.post-category-icon .zmdi {
  margin-right: .5rem; }

.post-timestamp {
  display: block;
  margin: 10px 0 25px 0; }

.post-paginator {
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.post-headline {
  margin-bottom: 2rem;
  border-bottom: 1px solid #E5E5E5; }

h4.post-headline > a {
  color: #0d47a1; }

h4.post-headline > a:hover {
  color: #212121; }

.post-headline h1 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 3.5rem !important;
  font-weight: 400;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  /* padding-left: 10px; */
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.post-headline h2 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 3rem !important;
  font-weight: 400;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  /* padding-left: 10px; */
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.post-search-results h2 {
  font-size: 3rem !important;
  font-weight: 400; }

.post-search-results h3 {
  font-size: 2rem !important;
  font-weight: 400; }

.post-search-results h4 {
  font-size: 2rem !important;
  font-weight: 400; }

/*
.post-search-results h4 {
  font-size: 1.25rem !important;
  font-weight: 200;
  margin-top: 0;
}
*/
.post-search-results .link-news {
  margin-bottom: 0; }

.post-search-results .link-news li {
  /* padding: 12px 0px; */
  /* border-top: solid 1px #353535; */ }

.post-search-results .link-news li:first-child {
  padding-top: 0;
  border-top: none; }

.post-search-results .link-news li a, .link-news li a {
  color: rgba(0, 0, 0, 0.5);
  /* font-size: 1.25rem; */
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.post-search-results .link-news a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  text-decoration: none; }

.post-search-results .link-news li small {
  font-size: 1.25rem;
  color: #555;
  display: block; }

.post-archive-search-results .link-news li a, .link-news li a {
  color: rgba(0, 0, 0, 0.5);
  /* font-size: 1rem; */
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.post-date-search-results .link-news li a, .link-news li a {
  color: rgba(0, 0, 0, 0.5);
  /* font-size: 1rem; */
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.post-date-search-results h3 {
  font-size: 4rem !important;
  font-weight: 400; }

.link-news a {
  text-decoration: none; }

.link-news a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  text-decoration: none; }

a.news-link {
  color: currentColor;
  height: 100%;
  font-size: 14px;
  text-decoration: none !important; }

.series-navigator {
  display: inline-block;
  position: relative;
  width: 100%; }

.series-navigator .content {
  margin-top: 1rem;
  padding-bottom: 3rem; }

.series-navigation {
  margin-top: 10px; }

.series-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.series-navigation ul li {
  display: inline-block; }

.series-navigation ul li a {
  position: relative;
  display: inline-block;
  line-height: 2.5rem;
  padding: 0 1rem 0 1rem;
  background-color: #E91E63;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  font-size: .75rem !important;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s; }

.series-navigation ul li.current a {
  background-color: rgba(0, 0, 0, 0.5); }

.series-navigation ul li.current a:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
  color: #fff !important; }

.series-navigation ul li a:hover {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff !important; }

.series-exerpt {
  text-align: justify;
  padding: 0px 20px 10px 0px; }

.series-exerpt-title {
  margin-top: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: #444; }

.series-navigator .series-navigator-footer {
  height: 10%;
  padding: 40px 0 0 0; }

.series-navigator .series-navigator-footer button, .series-navigator .series-navigator-footer a {
  margin: 0px !important;
  position: relative;
  bottom: 25px;
  width: auto; }

.series-navigator .series-navigator-footer button:first-child,
.series-navigator .series-navigator-footer a:first-child {
  left: -5px; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_rtable.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General styles for responsive tables (rtables)
 # -----------------------------------------------------------------------------
*/
/*  Document   : rtable-no-more-table
    Created on : 28/02/2012, 11:01:54 AM
    Author     : Simon Elvery
    Description: Demonstration of the responsive tables method described
								 by Chris Coyier at:
										http://elvery.net/demo/responsive-tables/#no-more-tables
										https://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table
										http://css-tricks.com/responsive-data-tables/
*/
.table-responsive-stacked {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 1200px) {
  .table-responsive-stacked-xl table,
  .table-responsive-stacked-xl thead,
  .table-responsive-stacked-xl tbody,
  .table-responsive-stacked-xl th,
  .table-responsive-stacked-xl td,
  .table-responsive-stacked-xl tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-responsive-stacked-xl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table-responsive-stacked-xl tr {
    border: 1px solid #e0e0e0; }
  .table-responsive-stacked-xl td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /* padding-left: 50%; */
    white-space: normal;
    text-align: left; }
  .table-responsive-stacked-xl td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .table-responsive-stacked-xl td:before {
    content: attr(data-title); } }

@media only screen and (max-width: 992px) {
  table.grid-all * > tr > .tableblock:last-child,
  table.grid-cols * > tr > .tableblock:last-child {
    border-right-width: 0;
    border-bottom-width: 0; }
  .table-responsive-stacked-lg table,
  .table-responsive-stacked-lg thead,
  .table-responsive-stacked-lg tbody,
  .table-responsive-stacked-lg th,
  .table-responsive-stacked-lg td,
  .table-responsive-stacked-lg tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-responsive-stacked-lg thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table-responsive-stacked-lg tr {
    border-bottom: 1px solid #e0e0e0; }
  .table-responsive-stacked-lg td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /* padding-left: 50%; */
    white-space: normal;
    text-align: left; }
  .table-responsive-stacked-lg td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .table-responsive-stacked-lg td:before {
    content: attr(data-title); } }

@media only screen and (max-width: 768px) {
  table.grid-all * > tr > .tableblock:last-child,
  table.grid-cols * > tr > .tableblock:last-child {
    border-right-width: 0;
    border-bottom-width: 0; }
  .table-responsive-stacked, .table-responsive-stacked-md table,
  .table-responsive-stacked, .table-responsive-stacked-md thead,
  .table-responsive-stacked, .table-responsive-stacked-md tbody,
  .table-responsive-stacked, .table-responsive-stacked-md th,
  .table-responsive-stacked, .table-responsive-stacked-md td,
  .table-responsive-stacked, .table-responsive-stacked-md tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-responsive-stacked, .table-responsive-stacked-md thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table-responsive-stacked, .table-responsive-stacked-md tr {
    border: 1px solid #e0e0e0; }
  .table-responsive-stacked, .table-responsive-stacked-md td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /* padding-left: 50%; */
    white-space: normal;
    text-align: left; }
  .table-responsive-stacked, .table-responsive-stacked-md td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .table-responsive-stacked, .table-responsive-stacked-md td:before {
    content: attr(data-title); } }

@media only screen and (max-width: 576px) {
  table.grid-all * > tr > .tableblock:last-child,
  table.grid-cols * > tr > .tableblock:last-child {
    border-right-width: 0;
    border-bottom-width: 0; }
  .table-responsive-stacked-sm table,
  .table-responsive-stacked-sm thead,
  .table-responsive-stacked-sm tbody,
  .table-responsive-stacked-sm th,
  .table-responsive-stacked-sm td,
  .table-responsive-stacked-sm tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-responsive-stacked-sm thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table-responsive-stacked-sm tr {
    border: 1px solid #e0e0e0; }
  .table-responsive-stacked-sm td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /* padding-left: 50%; */
    white-space: normal;
    text-align: left; }
  .table-responsive-stacked-sm td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .table-responsive-stacked-sm td:before {
    content: attr(data-title); } }

@media only screen and (max-width: 575px) {
  .table-responsive-stacked-xs table,
  .table-responsive-stacked-xs thead,
  .table-responsive-stacked-xs tbody,
  .table-responsive-stacked-xs th,
  .table-responsive-stacked-xs td,
  .table-responsive-stacked-xs tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-responsive-stacked-xs thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table-responsive-stacked-xs tr {
    border: 1px solid #e0e0e0; }
  .table-responsive-stacked-xs td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /* padding-left: 50%; */
    white-space: normal;
    text-align: left; }
  .table-responsive-stacked-xs td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .table-responsive-stacked-xs td:before {
    content: attr(data-title); } }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_tags.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General styles for tag boxes|clouds
 # -----------------------------------------------------------------------------
*/
.tag__box:before, .tag__box:after {
  display: table;
  content: "";
  line-height: 0; }

.tag__box {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  overflow: hidden;
  *zoom: 1; }
  .tag__box:after {
    clear: both; }
  .tag__box a {
    padding: 4px 6px;
    margin: 2px;
    color: #fafafa;
    background-color: #e91e63;
    border-radius: 4px;
    text-decoration: none; }
    .tag__box a span {
      vertical-align: super;
      font-size: 0.9rem; }
  .tag__box.inline li {
    float: left;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2.5; }

/*  Tag Cloud classes
-------------------------------------------------------------------------------- */
.tag__cloud {
  margin-bottom: 10px;
  margin-top: 20px; }
  .tag__cloud ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .tag__cloud ul li {
      display: inline-block;
      margin: 0 .3em .3em 0;
      padding: 0; }
      .tag__cloud ul li a {
        position: relative;
        display: inline-block;
        line-height: 1.75rem;
        padding: 0 2em 0 1em;
        background-color: #2196f3;
        border-radius: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #fafafa;
        font-size: 1rem !important;
        font-weight: 400;
        text-decoration: none;
        transition: .2s; }
        .tag__cloud ul li a:hover {
          background-color: #212121; }
          .tag__cloud ul li a:hover span {
            color: #2196f3; }
      .tag__cloud ul li span {
        position: absolute;
        top: 5px;
        right: 6px;
        z-index: 2;
        width: 20px;
        height: 20px;
        line-height: 1.5;
        background-color: #e8eaf6;
        border-radius: 100%;
        color: #000;
        font-size: 11px;
        padding: 3px;
        margin: -1px 0 5px 5px;
        text-align: center;
        transition: .2s; }
    .tag__cloud ul.cloud li {
      margin: 0; }
      .tag__cloud ul.cloud li a {
        padding: 0 1em;
        padding-top: 5px;
        padding-bottom: 5px; }

.tag-numerator .badge {
  padding: 5px 20px;
  background-color: #616161; }

/*  Unused classes (potentially conflicts with other POST classes)
-------------------------------------------------------------------------------- */
/*
.page,.post {
    margin-bottom: 4em
}

.page-title,.post-title,.post-title a {
    color: #303030
}

.page-title,.post-title {
    margin-top: 0
}

.post-date {
    display: block;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    color: #9a9a9a
}

ul.posts {
    list-style-type: none;
    margin-bottom: 2rem;
    padding: 0
}

ul.posts li {
    padding: 0.2rem 0
}

ul.posts li span {
    color: #9E9E9E;
    margin-left: 2rem;
    font-size: 2rem;
    font-weight: 600;
}

ul.posts li a {
    font-size: 1.75rem;
    font-weight: 400;
}

ul.posts li a:hover {
    color: #9E9E9E;
    text-decoration: none;
    font-weight: 600;
}

.related {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #eee
}

.related-posts {
    padding-left: 0;
    list-style: none
}

.related-posts h3 {
    margin-top: 0
}

.related-posts li small {
    font-size: 75%;
    color: #999
}

.related-posts li a:hover {
    color: #268bd2;
    text-decoration: none
}

.related-posts li a:hover small {
    color: inherit
}

*/
/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_timeline.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: General styles for blog|post generator of type 'timeline'
 # -----------------------------------------------------------------------------
*/
/* Header Box
-------------------------------------------------------------------------------- */
.timeline-header-box {
  background: #fff; }

.timeline-header-box .title {
  text-align: center;
  text-transform: uppercase; }

.timeline-header-box .title:after {
  left: 50%;
  width: 70px;
  margin-left: -35px; }

.timeline-header-box .tagline {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px; }

h2.timeline-header-box {
  color: #212121;
  position: relative;
  margin-bottom: 30px; }

h2.timeline-header-box:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #212121;
  position: absolute; }

.timeline-header-box p {
  position: relative;
  margin-bottom: 50px; }

.timeline-header-box p:after {
  content: " ";
  left: 50%;
  height: 1px;
  width: 50px;
  bottom: -15px;
  position: absolute;
  margin-left: -25px;
  background: #607d8b; }

/* Timeline
-------------------------------------------------------------------------------- */
.timeline {
  padding: 20px 0;
  list-style: none;
  position: relative; }

.timeline-title {
  display: block;
  margin: 1.25rem 1.5rem .75rem .75rem;
  border-bottom: 1px solid #f5f5f5; }

.timeline-title h2 {
  font-size: 24px;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #2196f3; }

.timeline-title h4 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 1px dotted #2196f3; }

.timeline-title h4:hover {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: none; }

.timeline-tagline {
  margin-bottom: 0.5rem; }

.timeline-excerpt {
  display: block; }

.timeline-icon {
  float: left;
  margin-right: 1.5rem;
  line-height: 1; }

a.timeline-list-unstyled {
  color: #455a64; }

a.timeline-list-unstyled,
a.timeline-list-unstyled:active,
a.timeline-list-unstyled:active,
a.timeline-list-unstyled:hover {
  outline: none;
  font-size: 13px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a.timeline-list-unstyled:hover {
  color: #607d8b;
  text-decoration: none; }

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #f5f5f5;
  left: 50%;
  margin-left: -1.5px; }

.timeline > li {
  margin-bottom: 40px;
  position: relative;
  width: 50%;
  float: left;
  clear: left; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  width: 94%;
  float: left;
  position: relative; }

/*
.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid $grey-100;
	border-right: 0 solid $grey-100;
	border-bottom: 15px solid transparent;
	content: " ";
}
*/
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #2196f3;
  border-right: 0 solid #2196f3;
  border-bottom: 14px solid transparent;
  content: " "; }

.timeline > li > .timeline-badge {
  width: 24px;
  text-align: center;
  position: absolute;
  top: 19px;
  right: -12px;
  z-index: 3; }

.tmicon {
  top: 18px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  background: #2196f3;
  margin: 0 0 0 -5px;
  box-shadow: 0 0 0 4px #f5f5f5;
  -webkit-font-smoothing: antialiased; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.timeline > li > .timeline-panel .timeline-heading {
  padding: 5px; }

.timeline > li > .timeline-panel .timeline-heading img {
  width: 100%; }

.timeline .timeline-body {
  padding: 12px; }

.timeline .timeline-footer {
  padding: 7px 12px;
  overflow: hidden;
  border-top: 1px solid #f5f5f5; }

.timeline .timeline-footer .blog-info {
  float: left; }

.timeline .timeline-footer .blog-info i {
  color: #9e9e9e; }

.timeline .timeline-footer .likes {
  float: right; }

.timeline .timeline-footer .likes i {
  margin-right: 2px;
  color: #9e9e9e; }

.timeline .timeline-footer .likes:hover {
  text-decoration: none;
  color: inherit; }

.timeline .timeline-footer .likes:hover i {
  color: #607d8b; }

.timeline > li.timeline-inverted {
  float: right;
  clear: right;
  margin-bottom: 40px; }

.timeline > li:nth-child(even) {
  margin-top: 30px; }

.timeline > li:nth-child(odd) {
  margin-top: 0px; }

.timeline > li.timeline-inverted > .timeline-badge {
  left: -12px; }

/* Media Queries
 ------------------------------------------------------------------------------- */
@media (max-width: 992px) {
  .timeline > li > .timeline-panel:before {
    top: 31px;
    right: -11px;
    border-top: 11px solid transparent;
    border-left: 11px solid #f5f5f5;
    border-bottom: 11px solid transparent; }
  .timeline > li > .timeline-panel:after {
    top: 32px;
    right: -10px;
    border-top: 10px solid transparent;
    border-left: 10px solid #fafafa;
    border-bottom: 10px solid transparent; }
  .timeline > li.timeline-inverted > .timeline-panel:before {
    border-right-width: 11px;
    left: -11px; }
  .timeline > li.timeline-inverted > .timeline-panel:after {
    border-right-width: 10px;
    left: -10px; } }

@media (max-width: 767px) {
  ul.timeline:before {
    /* left: 40px; */
    left: 0px; }
  ul.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
    clear: left; }
  /* was: 70px */
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px); }
  ul.timeline > li > .timeline-badge {
    /* was: left: 28px; */
    left: -11px;
    margin-left: 0;
    top: 16px; }
  ul.timeline > li > .timeline-panel {
    float: right; }
  ul.timeline > li > .timeline-panel:before {
    top: 27px;
    right: -12px;
    border-top: 12px solid transparent;
    border-left: 12px solid #f5f5f5;
    border-bottom: 12px solid transparent; }
  ul.timeline > li > .timeline-panel:after {
    top: 28px;
    right: -11px;
    border-top: 11px solid transparent;
    border-left: 11px solid #fff;
    border-bottom: 11px solid transparent; }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 12px;
    left: -12px;
    right: auto; }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 11px;
    left: -11px;
    right: auto; }
  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px; }
  .timeline > li.timeline-inverted > .timeline-badge {
    /* was: left: 28px; */
    left: -11px; } }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_typography.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Typography styles for resposive text (rtext)
 # -----------------------------------------------------------------------------
*/
.no-r-text {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

.r-text, .r-text-500 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text, .r-text-500 {
    font-size: calc(1rem) !important; } }

@media only screen and (min-width: 360px) {
  .r-text, .r-text-500 {
    font-size: 1.2rem !important; } }

@media only screen and (min-width: 390px) {
  .r-text, .r-text-500 {
    font-size: 1.224rem !important; } }

@media only screen and (min-width: 420px) {
  .r-text, .r-text-500 {
    font-size: 1.248rem !important; } }

@media only screen and (min-width: 450px) {
  .r-text, .r-text-500 {
    font-size: 1.272rem !important; } }

@media only screen and (min-width: 480px) {
  .r-text, .r-text-500 {
    font-size: 1.296rem !important; } }

@media only screen and (min-width: 510px) {
  .r-text, .r-text-500 {
    font-size: 1.32rem !important; } }

@media only screen and (min-width: 540px) {
  .r-text, .r-text-500 {
    font-size: 1.344rem !important; } }

@media only screen and (min-width: 570px) {
  .r-text, .r-text-500 {
    font-size: 1.368rem !important; } }

@media only screen and (min-width: 600px) {
  .r-text, .r-text-500 {
    font-size: 1.392rem !important; } }

@media only screen and (min-width: 630px) {
  .r-text, .r-text-500 {
    font-size: 1.416rem !important; } }

@media only screen and (min-width: 660px) {
  .r-text, .r-text-500 {
    font-size: 1.44rem !important; } }

@media only screen and (min-width: 690px) {
  .r-text, .r-text-500 {
    font-size: 1.464rem !important; } }

@media only screen and (min-width: 720px) {
  .r-text, .r-text-500 {
    font-size: 1.488rem !important; } }

@media only screen and (min-width: 750px) {
  .r-text, .r-text-500 {
    font-size: 1.512rem !important; } }

@media only screen and (min-width: 780px) {
  .r-text, .r-text-500 {
    font-size: 1.536rem !important; } }

@media only screen and (min-width: 810px) {
  .r-text, .r-text-500 {
    font-size: 1.56rem !important; } }

@media only screen and (min-width: 840px) {
  .r-text, .r-text-500 {
    font-size: 1.584rem !important; } }

@media only screen and (min-width: 870px) {
  .r-text, .r-text-500 {
    font-size: 1.608rem !important; } }

@media only screen and (min-width: 900px) {
  .r-text, .r-text-500 {
    font-size: 1.632rem !important; } }

@media only screen and (min-width: 930px) {
  .r-text, .r-text-500 {
    font-size: 1.656rem !important; } }

@media only screen and (min-width: 960px) {
  .r-text, .r-text-500 {
    font-size: 1.68rem !important; } }

.r-text-100 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.5) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-100 {
    font-size: calc(1.2rem * 0.5) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-100 {
    font-size: calc(1.224rem * 0.5) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-100 {
    font-size: calc(1.248rem * 0.5) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-100 {
    font-size: calc(1.272rem * 0.5) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-100 {
    font-size: calc(1.296rem * 0.5) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-100 {
    font-size: calc(1.32rem * 0.5) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-100 {
    font-size: calc(1.344rem * 0.5) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-100 {
    font-size: calc(1.368rem * 0.5) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-100 {
    font-size: calc(1.392rem * 0.5) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-100 {
    font-size: calc(1.416rem* 0.5) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-100 {
    font-size: calc(1.44rem * 0.5) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-100 {
    font-size: calc(1.464rem * 0.5) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-100 {
    font-size: calc(1.488rem * 0.5) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-100 {
    font-size: calc(1.512rem * 0.5) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-100 {
    font-size: calc(1.536rem * 0.5) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-100 {
    font-size: calc(1.56rem * 0.5) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-100 {
    font-size: calc(1.584rem * 0.5) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-100 {
    font-size: calc(1.608rem * 0.5) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-100 {
    font-size: calc(1.632rem * 0.5) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-100 {
    font-size: calc(1.656rem * 0.5) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-100 {
    font-size: calc(1.68rem * 0.5) !important; } }

.r-text-200 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.6) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-200 {
    font-size: calc(1.2rem * 0.6) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-200 {
    font-size: calc(1.224rem * 0.6) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-200 {
    font-size: calc(1.248rem * 0.6) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-200 {
    font-size: calc(1.272rem * 0.6) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-200 {
    font-size: calc(1.296rem * 0.6) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-200 {
    font-size: calc(1.32rem * 0.6) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-200 {
    font-size: calc(1.344rem * 0.6) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-200 {
    font-size: calc(1.368rem * 0.6) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-200 {
    font-size: calc(1.392rem * 0.6) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-200 {
    font-size: calc(1.416rem* 0.6) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-200 {
    font-size: calc(1.44rem * 0.6) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-200 {
    font-size: calc(1.464rem * 0.6) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-200 {
    font-size: calc(1.488rem * 0.6) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-200 {
    font-size: calc(1.512rem * 0.6) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-200 {
    font-size: calc(1.536rem * 0.6) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-200 {
    font-size: calc(1.56rem * 0.6) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-200 {
    font-size: calc(1.584rem * 0.6) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-200 {
    font-size: calc(1.608rem * 0.6) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-200 {
    font-size: calc(1.632rem * 0.6) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-200 {
    font-size: calc(1.656rem * 0.6) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-200 {
    font-size: calc(1.68rem * 0.6) !important; } }

.r-text-300 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.7) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-300 {
    font-size: calc(1.2rem * 0.7) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-300 {
    font-size: calc(1.224rem * 0.7) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-300 {
    font-size: calc(1.248rem * 0.7) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-300 {
    font-size: calc(1.272rem * 0.7) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-300 {
    font-size: calc(1.296rem * 0.7) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-300 {
    font-size: calc(1.32rem * 0.7) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-300 {
    font-size: calc(1.344rem * 0.7) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-300 {
    font-size: calc(1.368rem * 0.7) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-300 {
    font-size: calc(1.392rem * 0.7) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-300 {
    font-size: calc(1.416rem* 0.7) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-300 {
    font-size: calc(1.44rem * 0.7) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-300 {
    font-size: calc(1.464rem * 0.7) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-300 {
    font-size: calc(1.488rem * 0.7) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-300 {
    font-size: calc(1.512rem * 0.7) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-300 {
    font-size: calc(1.536rem * 0.7) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-300 {
    font-size: calc(1.56rem * 0.7) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-300 {
    font-size: calc(1.584rem * 0.7) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-300 {
    font-size: calc(1.608rem * 0.7) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-300 {
    font-size: calc(1.632rem * 0.7) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-300 {
    font-size: calc(1.656rem * 0.7) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-300 {
    font-size: calc(1.68rem * 0.7) !important; } }

.r-text-400 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.8) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-400 {
    font-size: calc(1.2rem * 0.8) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-400 {
    font-size: calc(1.224rem * 0.8) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-400 {
    font-size: calc(1.248rem * 0.8) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-400 {
    font-size: calc(1.272rem * 0.8) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-400 {
    font-size: calc(1.296rem * 0.8) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-400 {
    font-size: calc(1.32rem * 0.8) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-400 {
    font-size: calc(1.344rem * 0.8) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-400 {
    font-size: calc(1.368rem * 0.8) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-400 {
    font-size: calc(1.392rem * 0.8) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-400 {
    font-size: calc(1.416rem* 0.8) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-400 {
    font-size: calc(1.44rem * 0.8) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-400 {
    font-size: calc(1.464rem * 0.8) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-400 {
    font-size: calc(1.488rem * 0.8) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-400 {
    font-size: calc(1.512rem * 0.8) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-400 {
    font-size: calc(1.536rem * 0.8) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-400 {
    font-size: calc(1.56rem * 0.8) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-400 {
    font-size: calc(1.584rem * 0.8) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-400 {
    font-size: calc(1.608rem * 0.8) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-400 {
    font-size: calc(1.632rem * 0.8) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-400 {
    font-size: calc(1.656rem * 0.8) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-400 {
    font-size: calc(1.68rem * 0.8) !important; } }

@media only screen and (max-width: 360px) {
  .r-text-400 {
    font-size: calc(1.2rem * 0.8) !important; } }

.r-text-600 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 1.25) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-600 {
    font-size: calc(1.2rem * 1.25) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-600 {
    font-size: calc(1.224rem * 1.25) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-600 {
    font-size: calc(1.248rem * 1.25) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-600 {
    font-size: calc(1.272rem * 1.25) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-600 {
    font-size: calc(1.296rem * 1.25) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-600 {
    font-size: calc(1.32rem * 1.25) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-600 {
    font-size: calc(1.344rem * 1.25) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-600 {
    font-size: calc(1.368rem * 1.25) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-600 {
    font-size: calc(1.392rem * 1.25) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-600 {
    font-size: calc(1.416rem* 1.25) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-600 {
    font-size: calc(1.44rem * 1.25) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-600 {
    font-size: calc(1.464rem * 1.25) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-600 {
    font-size: calc(1.488rem * 1.25) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-600 {
    font-size: calc(1.512rem * 1.25) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-600 {
    font-size: calc(1.536rem * 1.25) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-600 {
    font-size: calc(1.56rem * 1.25) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-600 {
    font-size: calc(1.584rem * 1.25) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-600 {
    font-size: calc(1.608rem * 1.25) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-600 {
    font-size: calc(1.632rem * 1.25) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-600 {
    font-size: calc(1.656rem * 1.25) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-600 {
    font-size: calc(1.68rem * 1.25) !important; } }

.r-text-700 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 1.5) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-700 {
    font-size: 1.8rem !important; } }

@media only screen and (min-width: 390px) {
  .r-text-700 {
    font-size: 1.836rem !important; } }

@media only screen and (min-width: 420px) {
  .r-text-700 {
    font-size: 1.872rem !important; } }

@media only screen and (min-width: 450px) {
  .r-text-700 {
    font-size: 1.908rem !important; } }

@media only screen and (min-width: 480px) {
  .r-text-700 {
    font-size: 1.944rem !important; } }

@media only screen and (min-width: 510px) {
  .r-text-700 {
    font-size: 1.98rem !important; } }

@media only screen and (min-width: 540px) {
  .r-text-700 {
    font-size: 2.016rem !important; } }

@media only screen and (min-width: 570px) {
  .r-text-700 {
    font-size: 2.052rem !important; } }

@media only screen and (min-width: 600px) {
  .r-text-700 {
    font-size: 2.088rem !important; } }

@media only screen and (min-width: 630px) {
  .r-text-700 {
    font-size: 2.124rem !important; } }

@media only screen and (min-width: 660px) {
  .r-text-700 {
    font-size: 2.16rem !important; } }

@media only screen and (min-width: 690px) {
  .r-text-700 {
    font-size: 2.196rem !important; } }

@media only screen and (min-width: 720px) {
  .r-text-700 {
    font-size: 2.232rem !important; } }

@media only screen and (min-width: 750px) {
  .r-text-700 {
    font-size: 2.268rem !important; } }

@media only screen and (min-width: 780px) {
  .r-text-700 {
    font-size: 2.304rem !important; } }

@media only screen and (min-width: 810px) {
  .r-text-700 {
    font-size: 2.34rem !important; } }

@media only screen and (min-width: 840px) {
  .r-text-700 {
    font-size: 2.376rem !important; } }

@media only screen and (min-width: 870px) {
  .r-text-700 {
    font-size: 2.412rem !important; } }

@media only screen and (min-width: 900px) {
  .r-text-700 {
    font-size: 2.448rem !important; } }

@media only screen and (min-width: 930px) {
  .r-text-700 {
    font-size: 2.484rem !important; } }

@media only screen and (min-width: 960px) {
  .r-text-700 {
    font-size: 2.52rem !important; } }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/_utilities.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Additional utility styles
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/variables.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: This is the (SASS) entry point for global theme variables
 # -----------------------------------------------------------------------------
*/
.bs-primary {
  color: #2196f3 !important; }

.bs-secondary {
  color: #607d8b !important; }

.bs-success {
  color: #4caf50 !important; }

.bs-info {
  color: #00bcd4 !important; }

.bs-warning {
  color: #ffeb3b !important; }

.bs-danger {
  color: #f44336 !important; }

.bs-light {
  color: #f5f5f5 !important; }

.bs-dark {
  color: #424242 !important; }

.g-color-white-opacity-0_6, .g-color-white-opacity-0_6--hover:hover {
  color: rgba(255, 255, 255, 0.6) !important; }

.g-color-white-opacity-0_9, .g-color-white-opacity-0_9--hover:hover {
  color: rgba(255, 255, 255, 0.9) !important; }

.g-mb-0 {
  margin-bottom: 0 !important; }

.g-mb-5 {
  margin-bottom: 0.35714rem !important; }

.g-mb-10 {
  margin-bottom: 0.71429rem !important; }

.g-width-50 {
  width: 50px !important; }

.g-height-2 {
  height: 2px; }

.g-line-height-1_4 {
  line-height: 1.4 !important; }

.g-line-height-1_6 {
  line-height: 1.6 !important; }

.g-font-weight-400 {
  font-weight: 400; }

.g-font-weight-500 {
  font-weight: 500; }

.g-font-weight-600 {
  font-weight: 600; }

.g-text-upper {
  text-transform: uppercase; }

.g-font-size-12 {
  font-size: 0.85714rem !important; }

.g-font-size-18 {
  font-size: 1.28571rem !important; }

.g-height-100 {
  height: 100px !important; }

.g-height-150 {
  height: 150px !important; }

.g-height-200 {
  height: 200px !important; }

.g-height-300 {
  height: 300px !important; }

.g-height-400 {
  height: 400px !important; }

.g-height-500 {
  height: 500px !important; }

.g-min-height-100 {
  min-height: 100px !important; }

.g-min-height-150 {
  min-height: 150px !important; }

.g-min-height-200 {
  min-height: 200px !important; }

.g-min-height-300 {
  min-height: 300px !important; }

.g-min-height-400 {
  min-height: 400px !important; }

.g-min-height-500 {
  min-height: 500px !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/mde/_buttons.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: MDE button styles
 # -----------------------------------------------------------------------------
*/
/* jadams, 2017-12-07, enlarge button size */
.btn {
  padding: .5rem 1rem .5rem 1rem; }

.btn.btn-round {
  border-radius: 30px; }

.btn.btn-flex {
  display: inline-flex !important;
  align-items: center; }

/* jadams: social media button styles */
.btn.btn-facebook {
  background-color: #3b5998;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); }

.btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:hover {
  background-color: #3b5998;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); }

.btn.btn-facebook.btn-simple {
  color: #3b5998;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-twitter {
  background-color: #55acee;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); }

.btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover {
  background-color: #55acee;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); }

.btn.btn-twitter.btn-simple {
  color: #55acee;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-pinterest {
  background-color: #cc2127;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); }

.btn.btn-pinterest:focus, .btn.btn-pinterest:active, .btn.btn-pinterest:hover {
  background-color: #cc2127;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); }

.btn.btn-pinterest.btn-simple {
  color: #cc2127;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-google {
  background-color: #dd4b39;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); }

.btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:hover {
  background-color: #dd4b39;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); }

.btn.btn-google.btn-simple {
  color: #dd4b39;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-linkedin {
  background-color: #0976b4;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); }

.btn.btn-linkedin:focus, .btn.btn-linkedin:active, .btn.btn-linkedin:hover {
  background-color: #0976b4;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); }

.btn.btn-linkedin.btn-simple {
  color: #0976b4;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-dribbble {
  background-color: #ea4c89;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); }

.btn.btn-dribbble:focus, .btn.btn-dribbble:active, .btn.btn-dribbble:hover {
  background-color: #ea4c89;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); }

.btn.btn-dribbble.btn-simple {
  color: #ea4c89;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-github {
  background-color: #333333;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); }

.btn.btn-github:focus, .btn.btn-github:active, .btn.btn-github:hover {
  background-color: #333333;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); }

.btn.btn-github.btn-simple {
  color: #333333;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-youtube {
  background-color: #e52d27;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); }

.btn.btn-youtube:focus, .btn.btn-youtube:active, .btn.btn-youtube:hover {
  background-color: #e52d27;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); }

.btn.btn-youtube.btn-simple {
  color: #e52d27;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-instagram {
  background-color: #125688;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); }

.btn.btn-instagram:focus, .btn.btn-instagram:active, .btn.btn-instagram:hover {
  background-color: #125688;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); }

.btn.btn-instagram.btn-simple {
  color: #125688;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-reddit {
  background-color: #ff4500;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); }

.btn.btn-reddit:focus, .btn.btn-reddit:active, .btn.btn-reddit:hover {
  background-color: #ff4500;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); }

.btn.btn-reddit.btn-simple {
  color: #ff4500;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-tumblr {
  background-color: #35465c;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); }

.btn.btn-tumblr:focus, .btn.btn-tumblr:active, .btn.btn-tumblr:hover {
  background-color: #35465c;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); }

.btn.btn-tumblr.btn-simple {
  color: #35465c;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-behance {
  background-color: #1769ff;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); }

.btn.btn-behance:focus, .btn.btn-behance:active, .btn.btn-behance:hover {
  background-color: #1769ff;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }

.btn.btn-behance.btn-simple {
  color: #1769ff;
  background-color: transparent;
  box-shadow: none; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/mde/_color_palette.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: MD Color Palette
 # -----------------------------------------------------------------------------
*/
.md-white {
  color: #fff !important; }

a.md-white:hover,
a.md-white:focus {
  color: #424242 !important; }

.md-black {
  color: #000 !important; }

a.md-black:hover,
a.md-black:focus {
  color: #f5f5f5 !important; }

.md-red {
  color: #f44336 !important; }

a.md-red:hover,
a.md-red:focus {
  color: #424242 !important; }

.md-red-50 {
  color: #ffebee !important; }

a.md-red-50:hover,
a.md-red-50:focus {
  color: #424242 !important; }

.md-red-100 {
  color: #ffcdd2 !important; }

a.md-red-100:hover,
a.md-red-100:focus {
  color: #424242 !important; }

.md-red-200 {
  color: #ef9a9a !important; }

a.md-red-200:hover,
a.md-red-200:focus {
  color: #424242 !important; }

.md-red-300 {
  color: #e57373 !important; }

a.md-red-300:hover,
a.md-red-300:focus {
  color: #424242 !important; }

.md-red-400 {
  color: #ef5350 !important; }

a.md-red-400:hover,
a.md-red-400:focus {
  color: #424242 !important; }

.md-red-500 {
  color: #f44336 !important; }

a.md-red-500:hover,
a.md-red-500:focus {
  color: #424242 !important; }

.md-red-600 {
  color: #e53935 !important; }

a.md-red-600:hover,
a.md-red-600:focus {
  color: #424242 !important; }

.md-red-700 {
  color: #d32f2f !important; }

a.md-red-700:hover,
a.md-red-700:focus {
  color: #424242 !important; }

.md-red-800 {
  color: #c62828 !important; }

a.md-red-800:hover,
a.md-red-800:focus {
  color: #424242 !important; }

.md-red-900 {
  color: #b71c1c !important; }

a.md-red-900:hover,
a.md-red-900:focus {
  color: #424242 !important; }

.md-red-A100 {
  color: #ff8a80 !important; }

a.md-red-A100:hover,
a.md-red-A100:focus {
  color: #424242 !important; }

.md-red-A200 {
  color: #ff5252 !important; }

a.md-red-A200:hover,
a.md-red-A200:focus {
  color: #424242 !important; }

.md-red-A400 {
  color: #ff1744 !important; }

a.md-red-A400:hover,
a.md-red-A400:focus {
  color: #424242 !important; }

.md-red-A700 {
  color: #d50000 !important; }

a.md-red-A700:hover,
a.md-red-A700:focus {
  color: #424242 !important; }

.md-bg-red {
  background-color: #f44336 !important; }

a.md-bg-red:hover,
a.md-bg-red:focus {
  background-color: #424242 !important; }

.md-bg-red-50 {
  background-color: #ffebee !important; }

a.md-bg-red-50:hover,
a.md-bg-red-50:focus {
  background-color: #424242 !important; }

.md-bg-red-100 {
  background-color: #ffcdd2 !important; }

a.md-bg-red-100:hover,
a.md-bg-red-100:focus {
  background-color: #424242 !important; }

.md-bg-red-200 {
  background-color: #ef9a9a !important; }

a.md-bg-red-200:hover,
a.md-bg-red-200:focus {
  background-color: #424242 !important; }

.md-bg-red-300 {
  background-color: #e57373 !important; }

a.md-bg-red-300:hover,
a.md-bg-red-300:focus {
  background-color: #424242 !important; }

.md-bg-red-400 {
  background-color: #ef5350 !important; }

a.md-bg-red-400:hover,
a.md-bg-red-400:focus {
  background-color: #424242 !important; }

.md-bg-red-500 {
  background-color: #f44336 !important; }

a.md-bg-red-500:hover,
a.md-bg-red-500:focus {
  background-color: #424242 !important; }

.md-bg-red-600 {
  background-color: #e53935 !important; }

a.md-bg-red-600:hover,
a.md-bg-red-600:focus {
  background-color: #424242 !important; }

.md-bg-red-700 {
  background-color: #d32f2f !important; }

a.md-bg-red-700:hover,
a.md-bg-red-700:focus {
  background-color: #424242 !important; }

.md-bg-red-800 {
  background-color: #c62828 !important; }

a.md-bg-red-800:hover,
a.md-bg-red-800:focus {
  background-color: #424242 !important; }

.md-bg-red-900 {
  background-color: #b71c1c !important; }

a.md-bg-red-900:hover,
a.md-bg-red-900:focus {
  background-color: #424242 !important; }

.md-bg-red-A100 {
  background-color: #ff8a80 !important; }

a.md-bg-red-A100:hover,
a.md-bg-red-A100:focus {
  background-color: #424242 !important; }

.md-bg-red-A200 {
  background-color: #ff5252 !important; }

a.md-bg-red-A200:hover,
a.md-bg-red-A200:focus {
  background-color: #424242 !important; }

.md-bg-red-A400 {
  background-color: #ff1744 !important; }

a.md-bg-red-A400:hover,
a.md-bg-red-A400:focus {
  background-color: #424242 !important; }

.md-bg-red-A700 {
  background-color: #d50000 !important; }

a.md-bg-red-A700:hover,
a.md-bg-red-A700:focus {
  background-color: #424242 !important; }

.md-pink {
  color: #e91e63 !important; }

a.md-pink:hover,
a.md-pink:focus {
  color: #C2185B !important; }

.md-pink-50 {
  color: #fce4ec !important; }

a.md-pink-50:hover,
a.md-pink-50:focus {
  color: #f8bbd0 !important; }

.md-pink-100 {
  color: #f8bbd0 !important; }

a.md-pink-100:hover,
a.md-pink-100:focus {
  color: #f48fb1 !important; }

.md-pink-200 {
  color: #f48fb1 !important; }

a.md-pink-200:hover,
a.md-pink-200:focus {
  color: #f06292 !important; }

.md-pink-300 {
  color: #f06292 !important; }

a.md-pink-300:hover,
a.md-pink-300:focus {
  color: #ec407a !important; }

.md-pink-400 {
  color: #ec407a !important; }

a.md-pink-400:hover,
a.md-pink-400:focus {
  color: #e91e63 !important; }

.md-pink-500 {
  color: #e91e63 !important; }

a.md-pink-500:hover,
a.md-pink-500:focus {
  color: #d81b60 !important; }

.md-pink-600 {
  color: #d81b60 !important; }

a.md-pink-600:hover,
a.md-pink-600:focus {
  color: #c2185b !important; }

.md-pink-700 {
  color: #c2185b !important; }

a.md-pink-700:hover,
a.md-pink-700:focus {
  color: #ad1457 !important; }

.md-pink-800 {
  color: #ad1457 !important; }

a.md-pink-800:hover,
a.md-pink-800:focus {
  color: #880e4f !important; }

.md-pink-900 {
  color: #880e4f !important; }

a.md-pink-900:hover,
a.md-pink-900:focus {
  color: #5a0934 !important; }

.md-pink-A100 {
  color: #ff80ab !important; }

a.md-pink-A100:hover,
a.md-pink-A100:focus {
  color: #ff4d89 !important; }

.md-pink-A200 {
  color: #ff4081 !important; }

a.md-pink-A200:hover,
a.md-pink-A200:focus {
  color: #ff0d5f !important; }

.md-pink-A400 {
  color: #f50057 !important; }

a.md-pink-A400:hover,
a.md-pink-A400:focus {
  color: #c20045 !important; }

.md-pink-A700 {
  color: #c51162 !important; }

a.md-pink-A700:hover,
a.md-pink-A700:focus {
  color: #960d4b !important; }

.md-bg-pink {
  background-color: #e91e63 !important; }

a.md-bg-pink:hover,
a.md-bg-pink:focus {
  background-color: #C2185B !important; }

.md-bg-pink-50 {
  background-color: #fce4ec !important; }

a.md-bg-pink-50:hover,
a.md-bg-pink-50:focus {
  background-color: #f8bbd0 !important; }

.md-bg-pink-100 {
  background-color: #f8bbd0 !important; }

a.md-bg-pink-100:hover,
a.md-bg-pink-100:focus {
  background-color: #f48fb1 !important; }

.md-bg-pink-200 {
  background-color: #f48fb1 !important; }

a.md-bg-pink-200:hover,
a.md-bg-pink-200:focus {
  background-color: #f06292 !important; }

.md-bg-pink-300 {
  background-color: #f06292 !important; }

a.md-bg-pink-300:hover,
a.md-bg-pink-300:focus {
  background-color: #ec407a !important; }

.md-bg-pink-400 {
  background-color: #ec407a !important; }

a.md-bg-pink-400:hover,
a.md-bg-pink-400:focus {
  background-color: #e91e63 !important; }

.md-bg-pink-500 {
  background-color: #e91e63 !important; }

a.md-bg-pink-500:hover,
a.md-bg-pink-500:focus {
  background-color: #d81b60 !important; }

.md-bg-pink-600 {
  background-color: #d81b60 !important; }

a.md-bg-pink-600:hover,
a.md-bg-pink-600:focus {
  background-color: #c2185b !important; }

.md-bg-pink-700 {
  background-color: #c2185b !important; }

a.md-bg-pink-700:hover,
a.md-bg-pink-700:focus {
  background-color: #ad1457 !important; }

.md-bg-pink-800 {
  background-color: #ad1457 !important; }

a.md-bg-pink-800:hover,
a.md-bg-pink-800:focus {
  background-color: #880e4f !important; }

.md-bg-pink-900 {
  background-color: #880e4f !important; }

a.md-bg-pink-900:hover,
a.md-bg-pink-900:focus {
  background-color: #5a0934 !important; }

.md-bg-pink-A100 {
  background-color: #ff80ab !important; }

a.md-bg-pink-A100:hover,
a.md-bg-pink-A100:focus {
  background-color: #ff4d89 !important; }

.md-bg-pink-A200 {
  background-color: #ff4081 !important; }

a.md-bg-pink-A200:hover,
a.md-bg-pink-A200:focus {
  background-color: #ff0d5f !important; }

.md-bg-pink-A400 {
  background-color: #f50057 !important; }

a.md-bg-pink-A400:hover,
a.md-bg-pink-A400:focus {
  background-color: #c20045 !important; }

.md-bg-pink-A700 {
  background-color: #c51162 !important; }

a.md-bg-pink-A700:hover,
a.md-bg-pink-A700:focus {
  background-color: #960d4b !important; }

.md-purple {
  color: #9c27b0 !important; }

a.md-purple:hover,
a.md-purple:focus {
  color: #7B1FA2 !important; }

.md-purple-50 {
  color: #f3e5f5 !important; }

a.md-purple-50:hover,
a.md-purple-50:focus {
  color: #e1bee7 !important; }

.md-purple-100 {
  color: #e1bee7 !important; }

a.md-purple-100:hover,
a.md-purple-100:focus {
  color: #ce93d8 !important; }

.md-purple-200 {
  color: #ce93d8 !important; }

a.md-purple-200:hover,
a.md-purple-200:focus {
  color: #ba68c8 !important; }

.md-purple-300 {
  color: #ba68c8 !important; }

a.md-purple-300:hover,
a.md-purple-300:focus {
  color: #ab47bc !important; }

.md-purple-400 {
  color: #ab47bc !important; }

a.md-purple-400:hover,
a.md-purple-400:focus {
  color: #9c27b0 !important; }

.md-purple-500 {
  color: #9c27b0 !important; }

a.md-purple-500:hover,
a.md-purple-500:focus {
  color: #7B1FA2 !important; }

.md-purple-600 {
  color: #8e24aa !important; }

a.md-purple-600:hover,
a.md-purple-600:focus {
  color: #7b1fa2 !important; }

.md-purple-700 {
  color: #7b1fa2 !important; }

a.md-purple-700:hover,
a.md-purple-700:focus {
  color: #6a1b9a !important; }

.md-purple-800 {
  color: #6a1b9a !important; }

a.md-purple-800:hover,
a.md-purple-800:focus {
  color: #4a148c !important; }

.md-purple-900 {
  color: #4a148c !important; }

a.md-purple-900:hover,
a.md-purple-900:focus {
  color: #320e5f !important; }

.md-purple-A100 {
  color: #ea80fc !important; }

a.md-purple-A100:hover,
a.md-purple-A100:focus {
  color: #e24efb !important; }

.md-purple-A200 {
  color: #e040fb !important; }

a.md-purple-A200:hover,
a.md-purple-A200:focus {
  color: #d80efa !important; }

.md-purple-A400 {
  color: #d500f9 !important; }

a.md-purple-A400:hover,
a.md-purple-A400:focus {
  color: #a900c6 !important; }

.md-purple-A700 {
  color: #aa00ff !important; }

a.md-purple-A700:hover,
a.md-purple-A700:focus {
  color: #8800cc !important; }

.md-bg-purple {
  background-color: #9c27b0 !important; }

a.md-bg-purple:hover,
a.md-bg-purple:focus {
  background-color: #7B1FA2 !important; }

.md-bg-purple-50 {
  background-color: #f3e5f5 !important; }

a.md-bg-purple-50:hover,
a.md-bg-purple-50:focus {
  background-color: #e1bee7 !important; }

.md-bg-purple-100 {
  background-color: #e1bee7 !important; }

a.md-bg-purple-100:hover,
a.md-bg-purple-100:focus {
  background-color: #ce93d8 !important; }

.md-bg-purple-200 {
  background-color: #ce93d8 !important; }

a.md-bg-purple-200:hover,
a.md-bg-purple-200:focus {
  background-color: #ba68c8 !important; }

.md-bg-purple-300 {
  background-color: #ba68c8 !important; }

a.md-bg-purple-300:hover,
a.md-bg-purple-300:focus {
  background-color: #ab47bc !important; }

.md-bg-purple-400 {
  background-color: #ab47bc !important; }

a.md-bg-purple-400:hover,
a.md-bg-purple-400:focus {
  background-color: #9c27b0 !important; }

.md-bg-purple-500 {
  background-color: #9c27b0 !important; }

a.md-bg-purple-500:hover,
a.md-bg-purple-500:focus {
  background-color: #8e24aa !important; }

.md-bg-purple-600 {
  background-color: #8e24aa !important; }

a.md-bg-purple-600:hover,
a.md-bg-purple-600:focus {
  background-color: #7b1fa2 !important; }

.md-bg-purple-700 {
  background-color: #7b1fa2 !important; }

a.md-bg-purple-700:hover,
a.md-bg-purple-700:focus {
  background-color: #6a1b9a !important; }

.md-bg-purple-800 {
  background-color: #6a1b9a !important; }

a.md-bg-purple-800:hover,
a.md-bg-purple-800:focus {
  background-color: #4a148c !important; }

.md-bg-purple-900 {
  background-color: #4a148c !important; }

a.md-bg-purple-900:hover,
a.md-bg-purple-900:focus {
  background-color: #320e5f !important; }

.md-bg-purple-A100 {
  background-color: #ea80fc !important; }

a.md-bg-purple-A100:hover,
a.md-bg-purple-A100:focus {
  background-color: #e24efb !important; }

.md-bg-purple-A200 {
  background-color: #e040fb !important; }

a.md-bg-purple-A200:hover,
a.md-bg-purple-A200:focus {
  background-color: #d80efa !important; }

.md-bg-purple-A400 {
  background-color: #d500f9 !important; }

a.md-bg-purple-A400:hover,
a.md-bg-purple-A400:focus {
  background-color: #a900c6 !important; }

.md-bg-purple-A700 {
  background-color: #aa00ff !important; }

a.md-bg-purple-A700:hover,
a.md-bg-purple-A700:focus {
  background-color: #8800cc !important; }

.md-deep-purple {
  color: #673ab7 !important; }

a.md-deep-purple:hover,
a.md-deep-purple:focus {
  color: #5e35b1 !important; }

.md-deep-purple-50 {
  color: #ede7f6 !important; }

a.md-deep-purple-50:hover,
a.md-deep-purple-50:focus {
  color: #d1c4e9 !important; }

.md-deep-purple-100 {
  color: #d1c4e9 !important; }

a.md-deep-purple-100:hover,
a.md-deep-purple-100:focus {
  color: #b39ddb !important; }

.md-deep-purple-200 {
  color: #b39ddb !important; }

a.md-deep-purple-200:hover,
a.md-deep-purple-200:focus {
  color: #9575cd !important; }

.md-deep-purple-300 {
  color: #9575cd !important; }

a.md-deep-purple-300:hover,
a.md-deep-purple-300:focus {
  color: #7e57c2 !important; }

.md-deep-purple-400 {
  color: #7e57c2 !important; }

a.md-deep-purple-400:hover,
a.md-deep-purple-400:focus {
  color: #673ab7 !important; }

.md-deep-purple-500 {
  color: #673ab7 !important; }

a.md-deep-purple-500:hover,
a.md-deep-purple-500:focus {
  color: #5e35b1 !important; }

.md-deep-purple-600 {
  color: #5e35b1 !important; }

a.md-deep-purple-600:hover,
a.md-deep-purple-600:focus {
  color: #512da8 !important; }

.md-deep-purple-700 {
  color: #512da8 !important; }

a.md-deep-purple-700:hover,
a.md-deep-purple-700:focus {
  color: #4527a0 !important; }

.md-deep-purple-800 {
  color: #4527a0 !important; }

a.md-deep-purple-800:hover,
a.md-deep-purple-800:focus {
  color: #311b92 !important; }

.md-deep-purple-900 {
  color: #311b92 !important; }

a.md-deep-purple-900:hover,
a.md-deep-purple-900:focus {
  color: #231367 !important; }

.md-deep-purple-A100 {
  color: #b388ff !important; }

a.md-deep-purple-A100:hover,
a.md-deep-purple-A100:focus {
  color: #9255ff !important; }

.md-deep-purple-A200 {
  color: #7c4dff !important; }

a.md-deep-purple-A200:hover,
a.md-deep-purple-A200:focus {
  color: #561aff !important; }

.md-deep-purple-A400 {
  color: #651fff !important; }

a.md-deep-purple-A400:hover,
a.md-deep-purple-A400:focus {
  color: #4900eb !important; }

.md-deep-purple-A700 {
  color: #6200ea !important; }

a.md-deep-purple-A700:hover,
a.md-deep-purple-A700:focus {
  color: #4d00b7 !important; }

.md-bg-deep-purple {
  background-color: #673ab7 !important; }

a.md-bg-deep-purple:hover,
a.md-bg-deep-purple:focus {
  background-color: #5e35b1 !important; }

.md-bg-deep-purple-50 {
  background-color: #ede7f6 !important; }

a.md-bg-deep-purple-50:hover,
a.md-bg-deep-purple-50:focus {
  background-color: #d1c4e9 !important; }

.md-bg-deep-purple-100 {
  background-color: #d1c4e9 !important; }

a.md-bg-deep-purple-100:hover,
a.md-bg-deep-purple-100:focus {
  background-color: #b39ddb !important; }

.md-bg-deep-purple-200 {
  background-color: #b39ddb !important; }

a.md-bg-deep-purple-200:hover,
a.md-bg-deep-purple-200:focus {
  background-color: #9575cd !important; }

.md-bg-deep-purple-300 {
  background-color: #9575cd !important; }

a.md-bg-deep-purple-300:hover,
a.md-bg-deep-purple-300:focus {
  background-color: #7e57c2 !important; }

.md-bg-deep-purple-400 {
  background-color: #7e57c2 !important; }

a.md-bg-deep-purple-400:hover,
a.md-bg-deep-purple-400:focus {
  background-color: #673ab7 !important; }

.md-bg-deep-purple-500 {
  background-color: #673ab7 !important; }

a.md-bg-deep-purple-500:hover,
a.md-bg-deep-purple-500:focus {
  background-color: #5e35b1 !important; }

.md-bg-deep-purple-600 {
  background-color: #5e35b1 !important; }

a.md-bg-deep-purple-600:hover,
a.md-bg-deep-purple-600:focus {
  background-color: #512da8 !important; }

.md-bg-deep-purple-700 {
  background-color: #512da8 !important; }

a.md-bg-deep-purple-700:hover,
a.md-bg-deep-purple-700:focus {
  background-color: #4527a0 !important; }

.md-bg-deep-purple-800 {
  background-color: #4527a0 !important; }

a.md-bg-deep-purple-800:hover,
a.md-bg-deep-purple-800:focus {
  background-color: #311b92 !important; }

.md-bg-deep-purple-900 {
  background-color: #311b92 !important; }

a.md-bg-deep-purple-900:hover,
a.md-bg-deep-purple-900:focus {
  background-color: #231367 !important; }

.md-bg-deep-purple-A100 {
  background-color: #b388ff !important; }

a.md-bg-deep-purple-A100:hover,
a.md-bg-deep-purple-A100:focus {
  background-color: #9255ff !important; }

.md-bg-deep-purple-A200 {
  background-color: #7c4dff !important; }

a.md-bg-deep-purple-A200:hover,
a.md-bg-deep-purple-A200:focus {
  background-color: #561aff !important; }

.md-bg-deep-purple-A400 {
  background-color: #651fff !important; }

a.md-bg-deep-purple-A400:hover,
a.md-bg-deep-purple-A400:focus {
  background-color: #4900eb !important; }

.md-bg-deep-purple-A700 {
  background-color: #6200ea !important; }

a.md-bg-deep-purple-A700:hover,
a.md-bg-deep-purple-A700:focus {
  background-color: #4d00b7 !important; }

.md-indigo {
  color: #3f51b5 !important; }

a.md-indigo:hover,
a.md-indigo:focus {
  color: #3949ab !important; }

.md-indigo-50 {
  color: #e8eaf6 !important; }

a.md-indigo-50:hover,
a.md-indigo-50:focus {
  color: #c5cae9 !important; }

.md-indigo-100 {
  color: #c5cae9 !important; }

a.md-indigo-100:hover,
a.md-indigo-100:focus {
  color: #9fa8da !important; }

.md-indigo-200 {
  color: #9fa8da !important; }

a.md-indigo-200:hover,
a.md-indigo-200:focus {
  color: #7986cb !important; }

.md-indigo-300 {
  color: #7986cb !important; }

a.md-indigo-300:hover,
a.md-indigo-300:focus {
  color: #5c6bc0 !important; }

.md-indigo-400 {
  color: #5c6bc0 !important; }

a.md-indigo-400:hover,
a.md-indigo-400:focus {
  color: #3f51b5 !important; }

.md-indigo-500 {
  color: #3f51b5 !important; }

a.md-indigo-500:hover,
a.md-indigo-500:focus {
  color: #3949ab !important; }

.md-indigo-600 {
  color: #3949ab !important; }

a.md-indigo-600:hover,
a.md-indigo-600:focus {
  color: #303f9f !important; }

.md-indigo-700 {
  color: #303f9f !important; }

a.md-indigo-700:hover,
a.md-indigo-700:focus {
  color: #283593 !important; }

.md-indigo-800 {
  color: #283593 !important; }

a.md-indigo-800:hover,
a.md-indigo-800:focus {
  color: #1a237e !important; }

.md-indigo-900 {
  color: #1a237e !important; }

a.md-indigo-900:hover,
a.md-indigo-900:focus {
  color: #111754 !important; }

.md-indigo-A100 {
  color: #8c9eff !important; }

a.md-indigo-A100:hover,
a.md-indigo-A100:focus {
  color: #5973ff !important; }

.md-indigo-A200 {
  color: #536dfe !important; }

a.md-indigo-A200:hover,
a.md-indigo-A200:focus {
  color: #2042fe !important; }

.md-indigo-A400 {
  color: #3d5afe !important; }

a.md-indigo-A400:hover,
a.md-indigo-A400:focus {
  color: #0a2ffe !important; }

.md-indigo-A700 {
  color: #304ffe !important; }

a.md-indigo-A700:hover,
a.md-indigo-A700:focus {
  color: #0127fa !important; }

.md-bg-indigo {
  background-color: #3f51b5 !important; }

a.md-bg-indigo:hover,
a.md-bg-indigo:focus {
  background-color: #3949ab !important; }

.md-bg-indigo-50 {
  background-color: #e8eaf6 !important; }

a.md-bg-indigo-50:hover,
a.md-bg-indigo-50:focus {
  background-color: #c5cae9 !important; }

.md-bg-indigo-100 {
  background-color: #c5cae9 !important; }

a.md-bg-indigo-100:hover,
a.md-bg-indigo-100:focus {
  background-color: #9fa8da !important; }

.md-bg-indigo-200 {
  background-color: #9fa8da !important; }

a.md-bg-indigo-200:hover,
a.md-bg-indigo-200:focus {
  background-color: #7986cb !important; }

.md-bg-indigo-300 {
  background-color: #7986cb !important; }

a.md-bg-indigo-300:hover,
a.md-bg-indigo-300:focus {
  background-color: #5c6bc0 !important; }

.md-bg-indigo-400 {
  background-color: #5c6bc0 !important; }

a.md-bg-indigo-400:hover,
a.md-bg-indigo-400:focus {
  background-color: #3f51b5 !important; }

.md-bg-indigo-500 {
  background-color: #3f51b5 !important; }

a.md-bg-indigo-500:hover,
a.md-bg-indigo-500:focus {
  background-color: #3949ab !important; }

.md-bg-indigo-600 {
  background-color: #3949ab !important; }

a.md-bg-indigo-600:hover,
a.md-bg-indigo-600:focus {
  background-color: #303f9f !important; }

.md-bg-indigo-700 {
  background-color: #303f9f !important; }

a.md-bg-indigo-700:hover,
a.md-bg-indigo-700:focus {
  background-color: #283593 !important; }

.md-bg-indigo-800 {
  background-color: #283593 !important; }

a.md-bg-indigo-800:hover,
a.md-bg-indigo-800:focus {
  background-color: #1a237e !important; }

.md-bg-indigo-900 {
  background-color: #1a237e !important; }

a.md-bg-indigo-900:hover,
a.md-bg-indigo-900:focus {
  background-color: #111754 !important; }

.md-bg-indigo-A100 {
  background-color: #8c9eff !important; }

a.md-bg-indigo-A100:hover,
a.md-bg-indigo-A100:focus {
  background-color: #5973ff !important; }

.md-bg-indigo-A200 {
  background-color: #536dfe !important; }

a.md-bg-indigo-A200:hover,
a.md-bg-indigo-A200:focus {
  background-color: #2042fe !important; }

.md-bg-indigo-A400 {
  background-color: #3d5afe !important; }

a.md-bg-indigo-A400:hover,
a.md-bg-indigo-A400:focus {
  background-color: #0a2ffe !important; }

.md-bg-indigo-A700 {
  background-color: #304ffe !important; }

a.md-bg-indigo-A700:hover,
a.md-bg-indigo-A700:focus {
  background-color: #0127fa !important; }

.md-blue {
  color: #2196f3 !important; }

a.md-blue:hover,
a.md-blue:focus {
  color: #424242 !important; }

.md-blue-50 {
  color: #e3f2fd !important; }

a.md-blue-50:hover,
a.md-blue-50:focus {
  color: #424242 !important; }

.md-blue-100 {
  color: #bbdefb !important; }

a.md-blue-100:hover,
a.md-blue-100:focus {
  color: #424242 !important; }

.md-blue-200 {
  color: #90caf9 !important; }

a.md-blue-200:hover,
a.md-blue-200:focus {
  color: #424242 !important; }

.md-blue-300 {
  color: #64b5f6 !important; }

a.md-blue-300:hover,
a.md-blue-300:focus {
  color: #424242 !important; }

.md-blue-400 {
  color: #42a5f5 !important; }

a.md-blue-400:hover,
a.md-blue-400:focus {
  color: #424242 !important; }

.md-blue-500 {
  color: #2196f3 !important; }

a.md-blue-500:hover,
a.md-blue-500:focus {
  color: #424242 !important; }

.md-blue-600 {
  color: #1e88e5 !important; }

a.md-blue-600:hover,
a.md-blue-600:focus {
  color: #424242 !important; }

.md-blue-700 {
  color: #1976d2 !important; }

a.md-blue-700:hover,
a.md-blue-700:focus {
  color: #424242 !important; }

.md-blue-800 {
  color: #1565c0 !important; }

a.md-blue-800:hover,
a.md-blue-800:focus {
  color: #424242 !important; }

.md-blue-900 {
  color: #0d47a1 !important; }

a.md-blue-900:hover,
a.md-blue-900:focus {
  color: #424242 !important; }

.md-blue-A100 {
  color: #82b1ff !important; }

a.md-blue-A100:hover,
a.md-blue-A100:focus {
  color: #424242 !important; }

.md-blue-A200 {
  color: #448aff !important; }

a.md-blue-A200:hover,
a.md-blue-A200:focus {
  color: #424242 !important; }

.md-blue-A400 {
  color: #2979ff !important; }

a.md-blue-A400:hover,
a.md-blue-A400:focus {
  color: #424242 !important; }

.md-blue-A700 {
  color: #2962ff !important; }

a.md-blue-A700:hover,
a.md-blue-A700:focus {
  color: #424242 !important; }

.md-bg-blue {
  background-color: #2196f3 !important; }

a.md-bg-blue:hover,
a.md-bg-blue:focus {
  background-color: #424242 !important; }

.md-bg-blue-50 {
  background-color: #e3f2fd !important; }

a.md-bg-blue-50:hover,
a.md-bg-blue-50:focus {
  background-color: #424242 !important; }

.md-bg-blue-100 {
  background-color: #bbdefb !important; }

a.md-bg-blue-100:hover,
a.md-bg-blue-100:focus {
  background-color: #424242 !important; }

.md-bg-blue-200 {
  background-color: #90caf9 !important; }

a.md-bg-blue-200:hover,
a.md-bg-blue-200:focus {
  background-color: #424242 !important; }

.md-bg-blue-300 {
  background-color: #64b5f6 !important; }

a.md-bg-blue-300:hover,
a.md-bg-blue-300:focus {
  background-color: #424242 !important; }

.md-bg-blue-400 {
  background-color: #42a5f5 !important; }

a.md-bg-blue-400:hover,
a.md-bg-blue-400:focus {
  background-color: #424242 !important; }

.md-bg-blue-500 {
  background-color: #2196f3 !important; }

a.md-bg-blue-500:hover,
a.md-bg-blue-500:focus {
  background-color: #424242 !important; }

.md-bg-blue-600 {
  background-color: #1e88e5 !important; }

a.md-bg-blue-600:hover,
a.md-bg-blue-600:focus {
  background-color: #424242 !important; }

.md-bg-blue-700 {
  background-color: #1976d2 !important; }

a.md-bg-blue-700:hover,
a.md-bg-blue-700:focus {
  background-color: #424242 !important; }

.md-bg-blue-800 {
  background-color: #1565c0 !important; }

a.md-bg-blue-800:hover,
a.md-bg-blue-800:focus {
  background-color: #424242 !important; }

.md-bg-blue-900 {
  background-color: #0d47a1 !important; }

a.md-bg-blue-900:hover,
a.md-bg-blue-900:focus {
  background-color: #424242 !important; }

.md-bg-blue-A100 {
  background-color: #82b1ff !important; }

a.md-bg-blue-A100:hover,
a.md-bg-blue-A100:focus {
  background-color: #424242 !important; }

.md-bg-blue-A200 {
  background-color: #448aff !important; }

a.md-bg-blue-A200:hover,
a.md-bg-blue-A200:focus {
  background-color: #424242 !important; }

.md-bg-blue-A400 {
  background-color: #2979ff !important; }

a.md-bg-blue-A400:hover,
a.md-bg-blue-A400:focus {
  background-color: #424242 !important; }

.md-bg-blue-A700 {
  background-color: #2962ff !important; }

a.md-bg-blue-A700:hover,
a.md-bg-blue-A700:focus {
  background-color: #424242 !important; }

.md-light-blue {
  color: #03a9f4 !important; }

a.md-light-blue:hover,
a.md-light-blue:focus {
  color: #039be5 !important; }

.md-light-blue-50 {
  color: #e1f5fe !important; }

a.md-light-blue-50:hover,
a.md-light-blue-50:focus {
  color: #b3e5fc !important; }

.md-light-blue-100 {
  color: #b3e5fc !important; }

a.md-light-blue-100:hover,
a.md-light-blue-100:focus {
  color: #81d4fa !important; }

.md-light-blue-200 {
  color: #81d4fa !important; }

a.md-light-blue-200:hover,
a.md-light-blue-200:focus {
  color: #4fc3f7 !important; }

.md-light-blue-300 {
  color: #4fc3f7 !important; }

a.md-light-blue-300:hover,
a.md-light-blue-300:focus {
  color: #29b6f6 !important; }

.md-light-blue-400 {
  color: #29b6f6 !important; }

a.md-light-blue-400:hover,
a.md-light-blue-400:focus {
  color: #03a9f4 !important; }

.md-light-blue-500 {
  color: #03a9f4 !important; }

a.md-light-blue-500:hover,
a.md-light-blue-500:focus {
  color: #039be5 !important; }

.md-light-blue-600 {
  color: #039be5 !important; }

a.md-light-blue-600:hover,
a.md-light-blue-600:focus {
  color: #0288d1 !important; }

.md-light-blue-700 {
  color: #0288d1 !important; }

a.md-light-blue-700:hover,
a.md-light-blue-700:focus {
  color: #0277bd !important; }

.md-light-blue-800 {
  color: #0277bd !important; }

a.md-light-blue-800:hover,
a.md-light-blue-800:focus {
  color: #01579b !important; }

.md-light-blue-900 {
  color: #01579b !important; }

a.md-light-blue-900:hover,
a.md-light-blue-900:focus {
  color: #013b68 !important; }

.md-light-blue-A100 {
  color: #80d8ff !important; }

a.md-light-blue-A100:hover,
a.md-light-blue-A100:focus {
  color: #4dc8ff !important; }

.md-light-blue-A200 {
  color: #40c4ff !important; }

a.md-light-blue-A200:hover,
a.md-light-blue-A200:focus {
  color: #0db4ff !important; }

.md-light-blue-A400 {
  color: #00b0ff !important; }

a.md-light-blue-A400:hover,
a.md-light-blue-A400:focus {
  color: #008dcc !important; }

.md-light-blue-A700 {
  color: #0091ea !important; }

a.md-light-blue-A700:hover,
a.md-light-blue-A700:focus {
  color: #0071b7 !important; }

.md-bg-light-blue {
  background-color: #03a9f4 !important; }

a.md-bg-light-blue:hover,
a.md-bg-light-blue:focus {
  background-color: #039be5 !important; }

.md-bg-light-blue-50 {
  background-color: #e1f5fe !important; }

a.md-bg-light-blue-50:hover,
a.md-bg-light-blue-50:focus {
  background-color: #b3e5fc !important; }

.md-bg-light-blue-100 {
  background-color: #b3e5fc !important; }

a.md-bg-light-blue-100:hover,
a.md-bg-light-blue-100:focus {
  background-color: #81d4fa !important; }

.md-bg-light-blue-200 {
  background-color: #81d4fa !important; }

a.md-bg-light-blue-200:hover,
a.md-bg-light-blue-200:focus {
  background-color: #4fc3f7 !important; }

.md-bg-light-blue-300 {
  background-color: #4fc3f7 !important; }

a.md-bg-light-blue-300:hover,
a.md-bg-light-blue-300:focus {
  background-color: #29b6f6 !important; }

.md-bg-light-blue-400 {
  background-color: #29b6f6 !important; }

a.md-bg-light-blue-400:hover,
a.md-bg-light-blue-400:focus {
  background-color: #03a9f4 !important; }

.md-bg-light-blue-500 {
  background-color: #03a9f4 !important; }

a.md-bg-light-blue-500:hover,
a.md-bg-light-blue-500:focus {
  background-color: #039be5 !important; }

.md-bg-light-blue-600 {
  background-color: #039be5 !important; }

a.md-bg-light-blue-600:hover,
a.md-bg-light-blue-600:focus {
  background-color: #0288d1 !important; }

.md-bg-light-blue-700 {
  background-color: #0288d1 !important; }

a.md-bg-light-blue-700:hover,
a.md-bg-light-blue-700:focus {
  background-color: #0277bd !important; }

.md-bg-light-blue-800 {
  background-color: #0277bd !important; }

a.md-bg-light-blue-800:hover,
a.md-bg-light-blue-800:focus {
  background-color: #01579b !important; }

.md-bg-light-blue-900 {
  background-color: #01579b !important; }

a.md-bg-light-blue-900:hover,
a.md-bg-light-blue-900:focus {
  background-color: #013b68 !important; }

.md-bg-light-blue-A100 {
  background-color: #80d8ff !important; }

a.md-bg-light-blue-A100:hover,
a.md-bg-light-blue-A100:focus {
  background-color: #4dc8ff !important; }

.md-bg-light-blue-A200 {
  background-color: #40c4ff !important; }

a.md-bg-light-blue-A200:hover,
a.md-bg-light-blue-A200:focus {
  background-color: #0db4ff !important; }

.md-bg-light-blue-A400 {
  background-color: #00b0ff !important; }

a.md-bg-light-blue-A400:hover,
a.md-bg-light-blue-A400:focus {
  background-color: #008dcc !important; }

.md-bg-light-blue-A700 {
  background-color: #0091ea !important; }

a.md-bg-light-blue-A700:hover,
a.md-bg-light-blue-A700:focus {
  background-color: #0071b7 !important; }

.md-cyan {
  color: #00bcd4 !important; }

a.md-cyan:hover,
a.md-cyan:focus {
  color: #00acc1 !important; }

.md-cyan-50 {
  color: #e0f7fa !important; }

a.md-cyan-50:hover,
a.md-cyan-50:focus {
  color: #b2ebf2 !important; }

.md-cyan-100 {
  color: #b2ebf2 !important; }

a.md-cyan-100:hover,
a.md-cyan-100:focus {
  color: #80deea !important; }

.md-cyan-200 {
  color: #80deea !important; }

a.md-cyan-200:hover,
a.md-cyan-200:focus {
  color: #4dd0e1 !important; }

.md-cyan-300 {
  color: #4dd0e1 !important; }

a.md-cyan-300:hover,
a.md-cyan-300:focus {
  color: #26c6da !important; }

.md-cyan-400 {
  color: #26c6da !important; }

a.md-cyan-400:hover,
a.md-cyan-400:focus {
  color: #00bcd4 !important; }

.md-cyan-500 {
  color: #00bcd4 !important; }

a.md-cyan-500:hover,
a.md-cyan-500:focus {
  color: #00acc1 !important; }

.md-cyan-600 {
  color: #00acc1 !important; }

a.md-cyan-600:hover,
a.md-cyan-600:focus {
  color: #0097a7 !important; }

.md-cyan-700 {
  color: #0097a7 !important; }

a.md-cyan-700:hover,
a.md-cyan-700:focus {
  color: #00838f !important; }

.md-cyan-800 {
  color: #00838f !important; }

a.md-cyan-800:hover,
a.md-cyan-800:focus {
  color: #006064 !important; }

.md-cyan-900 {
  color: #006064 !important; }

a.md-cyan-900:hover,
a.md-cyan-900:focus {
  color: #002f31 !important; }

.md-cyan-A100 {
  color: #84ffff !important; }

a.md-cyan-A100:hover,
a.md-cyan-A100:focus {
  color: #51ffff !important; }

.md-cyan-A200 {
  color: #18ffff !important; }

a.md-cyan-A200:hover,
a.md-cyan-A200:focus {
  color: #00e4e4 !important; }

.md-cyan-A400 {
  color: #00e5ff !important; }

a.md-cyan-A400:hover,
a.md-cyan-A400:focus {
  color: #00b7cc !important; }

.md-cyan-A700 {
  color: #00b8d4 !important; }

a.md-cyan-A700:hover,
a.md-cyan-A700:focus {
  color: #008ca1 !important; }

.md-bg-cyan {
  background-color: #00bcd4 !important; }

a.md-bg-cyan:hover,
a.md-bg-cyan:focus {
  background-color: #00acc1 !important; }

.md-bg-cyan-50 {
  background-color: #e0f7fa !important; }

a.md-bg-cyan-50:hover,
a.md-bg-cyan-50:focus {
  background-color: #b2ebf2 !important; }

.md-bg-cyan-100 {
  background-color: #b2ebf2 !important; }

a.md-bg-cyan-100:hover,
a.md-bg-cyan-100:focus {
  background-color: #80deea !important; }

.md-bg-cyan-200 {
  background-color: #80deea !important; }

a.md-bg-cyan-200:hover,
a.md-bg-cyan-200:focus {
  background-color: #4dd0e1 !important; }

.md-bg-cyan-300 {
  background-color: #4dd0e1 !important; }

a.md-bg-cyan-300:hover,
a.md-bg-cyan-300:focus {
  background-color: #26c6da !important; }

.md-bg-cyan-400 {
  background-color: #26c6da !important; }

a.md-bg-cyan-400:hover,
a.md-bg-cyan-400:focus {
  background-color: #00bcd4 !important; }

.md-bg-cyan-500 {
  background-color: #00bcd4 !important; }

a.md-bg-cyan-500:hover,
a.md-bg-cyan-500:focus {
  background-color: #00acc1 !important; }

.md-bg-cyan-600 {
  background-color: #00acc1 !important; }

a.md-bg-cyan-600:hover,
a.md-bg-cyan-600:focus {
  background-color: #0097a7 !important; }

.md-bg-cyan-700 {
  background-color: #0097a7 !important; }

a.md-bg-cyan-700:hover,
a.md-bg-cyan-700:focus {
  background-color: #00838f !important; }

.md-bg-cyan-800 {
  background-color: #00838f !important; }

a.md-bg-cyan-800:hover,
a.md-bg-cyan-800:focus {
  background-color: #006064 !important; }

.md-bg-cyan-900 {
  background-color: #006064 !important; }

a.md-bg-cyan-900:hover,
a.md-bg-cyan-900:focus {
  background-color: #002f31 !important; }

.md-bg-cyan-A100 {
  background-color: #84ffff !important; }

a.md-bg-cyan-A100:hover,
a.md-bg-cyan-A100:focus {
  background-color: #51ffff !important; }

.md-bg-cyan-A200 {
  background-color: #18ffff !important; }

a.md-bg-cyan-A200:hover,
a.md-bg-cyan-A200:focus {
  background-color: #00e4e4 !important; }

.md-bg-cyan-A400 {
  background-color: #00e5ff !important; }

a.md-bg-cyan-A400:hover,
a.md-bg-cyan-A400:focus {
  background-color: #00b7cc !important; }

.md-bg-cyan-A700 {
  background-color: #00b8d4 !important; }

a.md-bg-cyan-A700:hover,
a.md-bg-cyan-A700:focus {
  background-color: #008ca1 !important; }

.md-teal {
  color: #009688 !important; }

a.md-teal:hover,
a.md-teal:focus {
  color: #00897b !important; }

.md-teal-50 {
  color: #e0f2f1 !important; }

a.md-teal-50:hover,
a.md-teal-50:focus {
  color: #b2dfdb !important; }

.md-teal-100 {
  color: #b2dfdb !important; }

a.md-teal-100:hover,
a.md-teal-100:focus {
  color: #80cbc4 !important; }

.md-teal-200 {
  color: #80cbc4 !important; }

a.md-teal-200:hover,
a.md-teal-200:focus {
  color: #4db6ac !important; }

.md-teal-300 {
  color: #4db6ac !important; }

a.md-teal-300:hover,
a.md-teal-300:focus {
  color: #26a69a !important; }

.md-teal-400 {
  color: #26a69a !important; }

a.md-teal-400:hover,
a.md-teal-400:focus {
  color: #009688 !important; }

.md-teal-500 {
  color: #009688 !important; }

a.md-teal-500:hover,
a.md-teal-500:focus {
  color: #00897b !important; }

.md-teal-600 {
  color: #00897b !important; }

a.md-teal-600:hover,
a.md-teal-600:focus {
  color: #00796b !important; }

.md-teal-700 {
  color: #00796b !important; }

a.md-teal-700:hover,
a.md-teal-700:focus {
  color: #00695c !important; }

.md-teal-800 {
  color: #00695c !important; }

a.md-teal-800:hover,
a.md-teal-800:focus {
  color: #004d40 !important; }

.md-teal-900 {
  color: #004d40 !important; }

a.md-teal-900:hover,
a.md-teal-900:focus {
  color: #001a16 !important; }

.md-teal-A100 {
  color: #a7ffeb !important; }

a.md-teal-A100:hover,
a.md-teal-A100:focus {
  color: #74ffdf !important; }

.md-teal-A200 {
  color: #64ffda !important; }

a.md-teal-A200:hover,
a.md-teal-A200:focus {
  color: #31ffce !important; }

.md-teal-A400 {
  color: #1de9b6 !important; }

a.md-teal-A400:hover,
a.md-teal-A400:focus {
  color: #13c095 !important; }

.md-teal-A700 {
  color: #00bfa5 !important; }

a.md-teal-A700:hover,
a.md-teal-A700:focus {
  color: #008c79 !important; }

.md-bg-teal {
  background-color: #009688 !important; }

a.md-bg-teal:hover,
a.md-bg-teal:focus {
  background-color: #00897b !important; }

.md-bg-teal-50 {
  background-color: #e0f2f1 !important; }

a.md-bg-teal-50:hover,
a.md-bg-teal-50:focus {
  background-color: #b2dfdb !important; }

.md-bg-teal-100 {
  background-color: #b2dfdb !important; }

a.md-bg-teal-100:hover,
a.md-bg-teal-100:focus {
  background-color: #80cbc4 !important; }

.md-bg-teal-200 {
  background-color: #80cbc4 !important; }

a.md-bg-teal-200:hover,
a.md-bg-teal-200:focus {
  background-color: #4db6ac !important; }

.md-bg-teal-300 {
  background-color: #4db6ac !important; }

a.md-bg-teal-300:hover,
a.md-bg-teal-300:focus {
  background-color: #26a69a !important; }

.md-bg-teal-400 {
  background-color: #26a69a !important; }

a.md-bg-teal-400:hover,
a.md-bg-teal-400:focus {
  background-color: #009688 !important; }

.md-bg-teal-500 {
  background-color: #009688 !important; }

a.md-bg-teal-500:hover,
a.md-bg-teal-500:focus {
  background-color: #00897b !important; }

.md-bg-teal-600 {
  background-color: #00897b !important; }

a.md-bg-teal-600:hover,
a.md-bg-teal-600:focus {
  background-color: #00796b !important; }

.md-bg-teal-700 {
  background-color: #00796b !important; }

a.md-bg-teal-700:hover,
a.md-bg-teal-700:focus {
  background-color: #00695c !important; }

.md-bg-teal-800 {
  background-color: #00695c !important; }

a.md-bg-teal-800:hover,
a.md-bg-teal-800:focus {
  background-color: #004d40 !important; }

.md-bg-teal-900 {
  background-color: #004d40 !important; }

a.md-bg-teal-900:hover,
a.md-bg-teal-900:focus {
  background-color: #001a16 !important; }

.md-bg-teal-A100 {
  background-color: #a7ffeb !important; }

a.md-bg-teal-A100:hover,
a.md-bg-teal-A100:focus {
  background-color: #74ffdf !important; }

.md-bg-teal-A200 {
  background-color: #64ffda !important; }

a.md-bg-teal-A200:hover,
a.md-bg-teal-A200:focus {
  background-color: #31ffce !important; }

.md-bg-teal-A400 {
  background-color: #1de9b6 !important; }

a.md-bg-teal-A400:hover,
a.md-bg-teal-A400:focus {
  background-color: #13c095 !important; }

.md-bg-teal-A700 {
  background-color: #00bfa5 !important; }

a.md-bg-teal-A700:hover,
a.md-bg-teal-A700:focus {
  background-color: #008c79 !important; }

.md-green {
  color: #4caf50 !important; }

a.md-green:hover,
a.md-green:focus {
  color: #43a047 !important; }

.md-green-50 {
  color: #e8f5e9 !important; }

a.md-green-50:hover,
a.md-green-50:focus {
  color: #c8e6c9 !important; }

.md-green-100 {
  color: #c8e6c9 !important; }

a.md-green-100:hover,
a.md-green-100:focus {
  color: #a5d6a7 !important; }

.md-green-200 {
  color: #a5d6a7 !important; }

a.md-green-200:hover,
a.md-green-200:focus {
  color: #81c784 !important; }

.md-green-300 {
  color: #81c784 !important; }

a.md-green-300:hover,
a.md-green-300:focus {
  color: #66bb6a !important; }

.md-green-400 {
  color: #66bb6a !important; }

a.md-green-400:hover,
a.md-green-400:focus {
  color: #4caf50 !important; }

.md-green-500 {
  color: #4caf50 !important; }

a.md-green-500:hover,
a.md-green-500:focus {
  color: #43a047 !important; }

.md-green-600 {
  color: #43a047 !important; }

a.md-green-600:hover,
a.md-green-600:focus {
  color: #388e3c !important; }

.md-green-700 {
  color: #388e3c !important; }

a.md-green-700:hover,
a.md-green-700:focus {
  color: #2e7d32 !important; }

.md-green-800 {
  color: #2e7d32 !important; }

a.md-green-800:hover,
a.md-green-800:focus {
  color: #1b5e20 !important; }

.md-green-900 {
  color: #1b5e20 !important; }

a.md-green-900:hover,
a.md-green-900:focus {
  color: #103613 !important; }

.md-green-A100 {
  color: #b9f6ca !important; }

a.md-green-A100:hover,
a.md-green-A100:focus {
  color: #8cf0a8 !important; }

.md-green-A200 {
  color: #69f0ae !important; }

a.md-green-A200:hover,
a.md-green-A200:focus {
  color: #3beb95 !important; }

.md-green-A400 {
  color: #00e676 !important; }

a.md-green-A400:hover,
a.md-green-A400:focus {
  color: #00b35c !important; }

.md-green-A700 {
  color: #00c853 !important; }

a.md-green-A700:hover,
a.md-green-A700:focus {
  color: #00953e !important; }

.md-bg-green {
  background-color: #4caf50 !important; }

a.md-bg-green:hover,
a.md-bg-green:focus {
  background-color: #43a047 !important; }

.md-bg-green-50 {
  background-color: #e8f5e9 !important; }

a.md-bg-green-50:hover,
a.md-bg-green-50:focus {
  background-color: #c8e6c9 !important; }

.md-bg-green-100 {
  background-color: #c8e6c9 !important; }

a.md-bg-green-100:hover,
a.md-bg-green-100:focus {
  background-color: #a5d6a7 !important; }

.md-bg-green-200 {
  background-color: #a5d6a7 !important; }

a.md-bg-green-200:hover,
a.md-bg-green-200:focus {
  background-color: #81c784 !important; }

.md-bg-green-300 {
  background-color: #81c784 !important; }

a.md-bg-green-300:hover,
a.md-bg-green-300:focus {
  background-color: #66bb6a !important; }

.md-bg-green-400 {
  background-color: #66bb6a !important; }

a.md-bg-green-400:hover,
a.md-bg-green-400:focus {
  background-color: #4caf50 !important; }

.md-bg-green-500 {
  background-color: #4caf50 !important; }

a.md-bg-green-500:hover,
a.md-bg-green-500:focus {
  background-color: #43a047 !important; }

.md-bg-green-600 {
  background-color: #43a047 !important; }

a.md-bg-green-600:hover,
a.md-bg-green-600:focus {
  background-color: #388e3c !important; }

.md-bg-green-700 {
  background-color: #388e3c !important; }

a.md-bg-green-700:hover,
a.md-bg-green-700:focus {
  background-color: #2e7d32 !important; }

.md-bg-green-800 {
  background-color: #2e7d32 !important; }

a.md-bg-green-800:hover,
a.md-bg-green-800:focus {
  background-color: #1b5e20 !important; }

.md-bg-green-900 {
  background-color: #1b5e20 !important; }

a.md-bg-green-900:hover,
a.md-bg-green-900:focus {
  background-color: #103613 !important; }

.md-bg-green-A100 {
  background-color: #b9f6ca !important; }

a.md-bg-green-A100:hover,
a.md-bg-green-A100:focus {
  background-color: #8cf0a8 !important; }

.md-bg-green-A200 {
  background-color: #69f0ae !important; }

a.md-bg-green-A200:hover,
a.md-bg-green-A200:focus {
  background-color: #3beb95 !important; }

.md-bg-green-A400 {
  background-color: #00e676 !important; }

a.md-bg-green-A400:hover,
a.md-bg-green-A400:focus {
  background-color: #00b35c !important; }

.md-bg-green-A700 {
  background-color: #00c853 !important; }

a.md-bg-green-A700:hover,
a.md-bg-green-A700:focus {
  background-color: #00953e !important; }

.md-light-green {
  color: #8bc34a !important; }

a.md-light-green:hover,
a.md-light-green:focus {
  color: #7cb342 !important; }

.md-light-green-50 {
  color: #f1f8e9 !important; }

a.md-light-green-50:hover,
a.md-light-green-50:focus {
  color: #dcedc8 !important; }

.md-light-green-100 {
  color: #dcedc8 !important; }

a.md-light-green-100:hover,
a.md-light-green-100:focus {
  color: #c5e1a5 !important; }

.md-light-green-200 {
  color: #c5e1a5 !important; }

a.md-light-green-200:hover,
a.md-light-green-200:focus {
  color: #aed581 !important; }

.md-light-green-300 {
  color: #aed581 !important; }

a.md-light-green-300:hover,
a.md-light-green-300:focus {
  color: #9ccc65 !important; }

.md-light-green-400 {
  color: #9ccc65 !important; }

a.md-light-green-400:hover,
a.md-light-green-400:focus {
  color: #8bc34a !important; }

.md-light-green-500 {
  color: #8bc34a !important; }

a.md-light-green-500:hover,
a.md-light-green-500:focus {
  color: #7cb342 !important; }

.md-light-green-600 {
  color: #7cb342 !important; }

a.md-light-green-600:hover,
a.md-light-green-600:focus {
  color: #689f38 !important; }

.md-light-green-700 {
  color: #689f38 !important; }

a.md-light-green-700:hover,
a.md-light-green-700:focus {
  color: #558b2f !important; }

.md-light-green-800 {
  color: #558b2f !important; }

a.md-light-green-800:hover,
a.md-light-green-800:focus {
  color: #33691e !important; }

.md-light-green-900 {
  color: #33691e !important; }

a.md-light-green-900:hover,
a.md-light-green-900:focus {
  color: #204113 !important; }

.md-light-green-A100 {
  color: #ccff90 !important; }

a.md-light-green-A100:hover,
a.md-light-green-A100:focus {
  color: #b5ff5d !important; }

.md-light-green-A200 {
  color: #b2ff59 !important; }

a.md-light-green-A200:hover,
a.md-light-green-A200:focus {
  color: #9aff26 !important; }

.md-light-green-A400 {
  color: #76ff03 !important; }

a.md-light-green-A400:hover,
a.md-light-green-A400:focus {
  color: #5ecf00 !important; }

.md-light-green-A700 {
  color: #64dd17 !important; }

a.md-light-green-A700:hover,
a.md-light-green-A700:focus {
  color: #4faf12 !important; }

.md-bg-light-green {
  background-color: #8bc34a !important; }

a.md-bg-light-green:hover,
a.md-bg-light-green:focus {
  background-color: #7cb342 !important; }

.md-bg-light-green-50 {
  background-color: #f1f8e9 !important; }

a.md-bg-light-green-50:hover,
a.md-bg-light-green-50:focus {
  background-color: #dcedc8 !important; }

.md-bg-light-green-100 {
  background-color: #dcedc8 !important; }

a.md-bg-light-green-100:hover,
a.md-bg-light-green-100:focus {
  background-color: #c5e1a5 !important; }

.md-bg-light-green-200 {
  background-color: #c5e1a5 !important; }

a.md-bg-light-green-200:hover,
a.md-bg-light-green-200:focus {
  background-color: #aed581 !important; }

.md-bg-light-green-300 {
  background-color: #aed581 !important; }

a.md-bg-light-green-300:hover,
a.md-bg-light-green-300:focus {
  background-color: #9ccc65 !important; }

.md-bg-light-green-400 {
  background-color: #9ccc65 !important; }

a.md-bg-light-green-400:hover,
a.md-bg-light-green-400:focus {
  background-color: #8bc34a !important; }

.md-bg-light-green-500 {
  background-color: #8bc34a !important; }

a.md-bg-light-green-500:hover,
a.md-bg-light-green-500:focus {
  background-color: #7cb342 !important; }

.md-bg-light-green-600 {
  background-color: #7cb342 !important; }

a.md-bg-light-green-600:hover,
a.md-bg-light-green-600:focus {
  background-color: #689f38 !important; }

.md-bg-light-green-700 {
  background-color: #689f38 !important; }

a.md-bg-light-green-700:hover,
a.md-bg-light-green-700:focus {
  background-color: #558b2f !important; }

.md-bg-light-green-800 {
  background-color: #558b2f !important; }

a.md-bg-light-green-800:hover,
a.md-bg-light-green-800:focus {
  background-color: #33691e !important; }

.md-bg-light-green-900 {
  background-color: #33691e !important; }

a.md-bg-light-green-900:hover,
a.md-bg-light-green-900:focus {
  background-color: #204113 !important; }

.md-bg-light-green-A100 {
  background-color: #ccff90 !important; }

a.md-bg-light-green-A100:hover,
a.md-bg-light-green-A100:focus {
  background-color: #b5ff5d !important; }

.md-bg-light-green-A200 {
  background-color: #b2ff59 !important; }

a.md-bg-light-green-A200:hover,
a.md-bg-light-green-A200:focus {
  background-color: #9aff26 !important; }

.md-bg-light-green-A400 {
  background-color: #76ff03 !important; }

a.md-bg-light-green-A400:hover,
a.md-bg-light-green-A400:focus {
  background-color: #5ecf00 !important; }

.md-bg-light-green-A700 {
  background-color: #64dd17 !important; }

a.md-bg-light-green-A700:hover,
a.md-bg-light-green-A700:focus {
  background-color: #4faf12 !important; }

.md-lime {
  color: #cddc39 !important; }

a.md-lime:hover,
a.md-lime:focus {
  color: #c0ca33 !important; }

.md-lime-50 {
  color: #f9fbe7 !important; }

a.md-lime-50:hover,
a.md-lime-50:focus {
  color: #f0f4c3 !important; }

.md-lime-100 {
  color: #f0f4c3 !important; }

a.md-lime-100:hover,
a.md-lime-100:focus {
  color: #e6ee9c !important; }

.md-lime-200 {
  color: #e6ee9c !important; }

a.md-lime-200:hover,
a.md-lime-200:focus {
  color: #dce775 !important; }

.md-lime-300 {
  color: #dce775 !important; }

a.md-lime-300:hover,
a.md-lime-300:focus {
  color: #d4e157 !important; }

.md-lime-400 {
  color: #d4e157 !important; }

a.md-lime-400:hover,
a.md-lime-400:focus {
  color: #cddc39 !important; }

.md-lime-500 {
  color: #cddc39 !important; }

a.md-lime-500:hover,
a.md-lime-500:focus {
  color: #c0ca33 !important; }

.md-lime-600 {
  color: #c0ca33 !important; }

a.md-lime-600:hover,
a.md-lime-600:focus {
  color: #afb42b !important; }

.md-lime-700 {
  color: #afb42b !important; }

a.md-lime-700:hover,
a.md-lime-700:focus {
  color: #9e9d24 !important; }

.md-lime-800 {
  color: #9e9d24 !important; }

a.md-lime-800:hover,
a.md-lime-800:focus {
  color: #827717 !important; }

.md-lime-900 {
  color: #827717 !important; }

a.md-lime-900:hover,
a.md-lime-900:focus {
  color: #574f0f !important; }

.md-lime-A100 {
  color: #f4ff81 !important; }

a.md-lime-A100:hover,
a.md-lime-A100:focus {
  color: #f0ff4e !important; }

.md-lime-A200 {
  color: #eeff41 !important; }

a.md-lime-A200:hover,
a.md-lime-A200:focus {
  color: #e9ff0e !important; }

.md-lime-A400 {
  color: #c6ff00 !important; }

a.md-lime-A400:hover,
a.md-lime-A400:focus {
  color: #9ecc00 !important; }

.md-lime-A700 {
  color: #aeea00 !important; }

a.md-lime-A700:hover,
a.md-lime-A700:focus {
  color: #88b700 !important; }

.md-bg-lime {
  background-color: #cddc39 !important; }

a.md-bg-lime:hover,
a.md-bg-lime:focus {
  background-color: #c0ca33 !important; }

.md-bg-lime-50 {
  background-color: #f9fbe7 !important; }

a.md-bg-lime-50:hover,
a.md-bg-lime-50:focus {
  background-color: #f0f4c3 !important; }

.md-bg-lime-100 {
  background-color: #f0f4c3 !important; }

a.md-bg-lime-100:hover,
a.md-bg-lime-100:focus {
  background-color: #e6ee9c !important; }

.md-bg-lime-200 {
  background-color: #e6ee9c !important; }

a.md-bg-lime-200:hover,
a.md-bg-lime-200:focus {
  background-color: #dce775 !important; }

.md-bg-lime-300 {
  background-color: #dce775 !important; }

a.md-bg-lime-300:hover,
a.md-bg-lime-300:focus {
  background-color: #d4e157 !important; }

.md-bg-lime-400 {
  background-color: #d4e157 !important; }

a.md-bg-lime-400:hover,
a.md-bg-lime-400:focus {
  background-color: #cddc39 !important; }

.md-bg-lime-500 {
  background-color: #cddc39 !important; }

a.md-bg-lime-500:hover,
a.md-bg-lime-500:focus {
  background-color: #c0ca33 !important; }

.md-bg-lime-600 {
  background-color: #c0ca33 !important; }

a.md-bg-lime-600:hover,
a.md-bg-lime-600:focus {
  background-color: #afb42b !important; }

.md-bg-lime-700 {
  background-color: #afb42b !important; }

a.md-bg-lime-700:hover,
a.md-bg-lime-700:focus {
  background-color: #9e9d24 !important; }

.md-bg-lime-800 {
  background-color: #9e9d24 !important; }

a.md-bg-lime-800:hover,
a.md-bg-lime-800:focus {
  background-color: #827717 !important; }

.md-bg-lime-900 {
  background-color: #827717 !important; }

a.md-bg-lime-900:hover,
a.md-bg-lime-900:focus {
  background-color: #574f0f !important; }

.md-bg-lime-A100 {
  background-color: #f4ff81 !important; }

a.md-bg-lime-A100:hover,
a.md-bg-lime-A100:focus {
  background-color: #f0ff4e !important; }

.md-bg-lime-A200 {
  background-color: #eeff41 !important; }

a.md-bg-lime-A200:hover,
a.md-bg-lime-A200:focus {
  background-color: #e9ff0e !important; }

.md-bg-lime-A400 {
  background-color: #c6ff00 !important; }

a.md-bg-lime-A400:hover,
a.md-bg-lime-A400:focus {
  background-color: #9ecc00 !important; }

.md-bg-lime-A700 {
  background-color: #aeea00 !important; }

a.md-bg-lime-A700:hover,
a.md-bg-lime-A700:focus {
  background-color: #88b700 !important; }

.md-yellow {
  color: #ffeb3b !important; }

a.md-yellow:hover,
a.md-yellow:focus {
  color: #fdd835 !important; }

.md-yellow-50 {
  color: #fffde7 !important; }

a.md-yellow-50:hover,
a.md-yellow-50:focus {
  color: #fff9c4 !important; }

.md-yellow-100 {
  color: #fff9c4 !important; }

a.md-yellow-100:hover,
a.md-yellow-100:focus {
  color: #fff59d !important; }

.md-yellow-200 {
  color: #fff59d !important; }

a.md-yellow-200:hover,
a.md-yellow-200:focus {
  color: #fff176 !important; }

.md-yellow-300 {
  color: #fff176 !important; }

a.md-yellow-300:hover,
a.md-yellow-300:focus {
  color: #ffee58 !important; }

.md-yellow-400 {
  color: #ffee58 !important; }

a.md-yellow-400:hover,
a.md-yellow-400:focus {
  color: #ffeb3b !important; }

.md-yellow-500 {
  color: #ffeb3b !important; }

a.md-yellow-500:hover,
a.md-yellow-500:focus {
  color: #fdd835 !important; }

.md-yellow-600 {
  color: #fdd835 !important; }

a.md-yellow-600:hover,
a.md-yellow-600:focus {
  color: #fbc02d !important; }

.md-yellow-700 {
  color: #fbc02d !important; }

a.md-yellow-700:hover,
a.md-yellow-700:focus {
  color: #f9a825 !important; }

.md-yellow-800 {
  color: #f9a825 !important; }

a.md-yellow-800:hover,
a.md-yellow-800:focus {
  color: #f57f17 !important; }

.md-yellow-900 {
  color: #f57f17 !important; }

a.md-yellow-900:hover,
a.md-yellow-900:focus {
  color: #d06609 !important; }

.md-yellow-A100 {
  color: #ffff8d !important; }

a.md-yellow-A100:hover,
a.md-yellow-A100:focus {
  color: #ffff5a !important; }

.md-yellow-A200 {
  color: #ffff00 !important; }

a.md-yellow-A200:hover,
a.md-yellow-A200:focus {
  color: #cccc00 !important; }

.md-yellow-A400 {
  color: #ffea00 !important; }

a.md-yellow-A400:hover,
a.md-yellow-A400:focus {
  color: #ccbb00 !important; }

.md-yellow-A700 {
  color: #ffd600 !important; }

a.md-yellow-A700:hover,
a.md-yellow-A700:focus {
  color: #ccab00 !important; }

.md-bg-yellow {
  background-color: #ffeb3b !important; }

a.md-bg-yellow:hover,
a.md-bg-yellow:focus {
  background-color: #fdd835 !important; }

.md-bg-yellow-50 {
  background-color: #fffde7 !important; }

a.md-bg-yellow-50:hover,
a.md-bg-yellow-50:focus {
  background-color: #fff9c4 !important; }

.md-bg-yellow-100 {
  background-color: #fff9c4 !important; }

a.md-bg-yellow-100:hover,
a.md-bg-yellow-100:focus {
  background-color: #fff59d !important; }

.md-bg-yellow-200 {
  background-color: #fff59d !important; }

a.md-bg-yellow-200:hover,
a.md-bg-yellow-200:focus {
  background-color: #fff176 !important; }

.md-bg-yellow-300 {
  background-color: #fff176 !important; }

a.md-bg-yellow-300:hover,
a.md-bg-yellow-300:focus {
  background-color: #ffee58 !important; }

.md-bg-yellow-400 {
  background-color: #ffee58 !important; }

a.md-bg-yellow-400:hover,
a.md-bg-yellow-400:focus {
  background-color: #ffeb3b !important; }

.md-bg-yellow-500 {
  background-color: #ffeb3b !important; }

a.md-bg-yellow-500:hover,
a.md-bg-yellow-500:focus {
  background-color: #fdd835 !important; }

.md-bg-yellow-600 {
  background-color: #fdd835 !important; }

a.md-bg-yellow-600:hover,
a.md-bg-yellow-600:focus {
  background-color: #fbc02d !important; }

.md-bg-yellow-700 {
  background-color: #fbc02d !important; }

a.md-bg-yellow-700:hover,
a.md-bg-yellow-700:focus {
  background-color: #f9a825 !important; }

.md-bg-yellow-800 {
  background-color: #f9a825 !important; }

a.md-bg-yellow-800:hover,
a.md-bg-yellow-800:focus {
  background-color: #f57f17 !important; }

.md-bg-yellow-900 {
  background-color: #f57f17 !important; }

a.md-bg-yellow-900:hover,
a.md-bg-yellow-900:focus {
  background-color: #d06609 !important; }

.md-bg-yellow-A100 {
  background-color: #ffff8d !important; }

a.md-bg-yellow-A100:hover,
a.md-bg-yellow-A100:focus {
  background-color: #ffff5a !important; }

.md-bg-yellow-A200 {
  background-color: #ffff00 !important; }

a.md-bg-yellow-A200:hover,
a.md-bg-yellow-A200:focus {
  background-color: #cccc00 !important; }

.md-bg-yellow-A400 {
  background-color: #ffea00 !important; }

a.md-bg-yellow-A400:hover,
a.md-bg-yellow-A400:focus {
  background-color: #ccbb00 !important; }

.md-bg-yellow-A700 {
  background-color: #ffd600 !important; }

a.md-bg-yellow-A700:hover,
a.md-bg-yellow-A700:focus {
  background-color: #ccab00 !important; }

.md-amber {
  color: #ffc107 !important; }

a.md-amber:hover,
a.md-amber:focus {
  color: #ffb300 !important; }

.md-amber-50 {
  color: #fff8e1 !important; }

a.md-amber-50:hover,
a.md-amber-50:focus {
  color: #ffecb3 !important; }

.md-amber-100 {
  color: #ffecb3 !important; }

a.md-amber-100:hover,
a.md-amber-100:focus {
  color: #ffe082 !important; }

.md-amber-200 {
  color: #ffe082 !important; }

a.md-amber-200:hover,
a.md-amber-200:focus {
  color: #ffd54f !important; }

.md-amber-300 {
  color: #ffd54f !important; }

a.md-amber-300:hover,
a.md-amber-300:focus {
  color: #ffca28 !important; }

.md-amber-400 {
  color: #ffca28 !important; }

a.md-amber-400:hover,
a.md-amber-400:focus {
  color: #ffc107 !important; }

.md-amber-500 {
  color: #ffc107 !important; }

a.md-amber-500:hover,
a.md-amber-500:focus {
  color: #ffb300 !important; }

.md-amber-600 {
  color: #ffb300 !important; }

a.md-amber-600:hover,
a.md-amber-600:focus {
  color: #ffa000 !important; }

.md-amber-700 {
  color: #ffa000 !important; }

a.md-amber-700:hover,
a.md-amber-700:focus {
  color: #ff8f00 !important; }

.md-amber-800 {
  color: #ff8f00 !important; }

a.md-amber-800:hover,
a.md-amber-800:focus {
  color: #ff6f00 !important; }

.md-amber-900 {
  color: #ff6f00 !important; }

a.md-amber-900:hover,
a.md-amber-900:focus {
  color: #cc5900 !important; }

.md-amber-A100 {
  color: #ffe57f !important; }

a.md-amber-A100:hover,
a.md-amber-A100:focus {
  color: #ffdb4c !important; }

.md-amber-A200 {
  color: #ffd740 !important; }

a.md-amber-A200:hover,
a.md-amber-A200:focus {
  color: #ffcc0d !important; }

.md-amber-A400 {
  color: #ffc400 !important; }

a.md-amber-A400:hover,
a.md-amber-A400:focus {
  color: #cc9d00 !important; }

.md-amber-A700 {
  color: #ffab00 !important; }

a.md-amber-A700:hover,
a.md-amber-A700:focus {
  color: #cc8900 !important; }

.md-bg-amber {
  background-color: #ffc107 !important; }

a.md-bg-amber:hover,
a.md-bg-amber:focus {
  background-color: #ffb300 !important; }

.md-bg-amber-50 {
  background-color: #fff8e1 !important; }

a.md-bg-amber-50:hover,
a.md-bg-amber-50:focus {
  background-color: #ffecb3 !important; }

.md-bg-amber-100 {
  background-color: #ffecb3 !important; }

a.md-bg-amber-100:hover,
a.md-bg-amber-100:focus {
  background-color: #ffe082 !important; }

.md-bg-amber-200 {
  background-color: #ffe082 !important; }

a.md-bg-amber-200:hover,
a.md-bg-amber-200:focus {
  background-color: #ffd54f !important; }

.md-bg-amber-300 {
  background-color: #ffd54f !important; }

a.md-bg-amber-300:hover,
a.md-bg-amber-300:focus {
  background-color: #ffca28 !important; }

.md-bg-amber-400 {
  background-color: #ffca28 !important; }

a.md-bg-amber-400:hover,
a.md-bg-amber-400:focus {
  background-color: #ffc107 !important; }

.md-bg-amber-500 {
  background-color: #ffc107 !important; }

a.md-bg-amber-500:hover,
a.md-bg-amber-500:focus {
  background-color: #ffb300 !important; }

.md-bg-amber-600 {
  background-color: #ffb300 !important; }

a.md-bg-amber-600:hover,
a.md-bg-amber-600:focus {
  background-color: #ffa000 !important; }

.md-bg-amber-700 {
  background-color: #ffa000 !important; }

a.md-bg-amber-700:hover,
a.md-bg-amber-700:focus {
  background-color: #ff8f00 !important; }

.md-bg-amber-800 {
  background-color: #ff8f00 !important; }

a.md-bg-amber-800:hover,
a.md-bg-amber-800:focus {
  background-color: #ff6f00 !important; }

.md-bg-amber-900 {
  background-color: #ff6f00 !important; }

a.md-bg-amber-900:hover,
a.md-bg-amber-900:focus {
  background-color: #cc5900 !important; }

.md-bg-amber-A100 {
  background-color: #ffe57f !important; }

a.md-bg-amber-A100:hover,
a.md-bg-amber-A100:focus {
  background-color: #ffdb4c !important; }

.md-bg-amber-A200 {
  background-color: #ffd740 !important; }

a.md-bg-amber-A200:hover,
a.md-bg-amber-A200:focus {
  background-color: #ffcc0d !important; }

.md-bg-amber-A400 {
  background-color: #ffc400 !important; }

a.md-bg-amber-A400:hover,
a.md-bg-amber-A400:focus {
  background-color: #cc9d00 !important; }

.md-bg-amber-A700 {
  background-color: #ffab00 !important; }

a.md-bg-amber-A700:hover,
a.md-bg-amber-A700:focus {
  background-color: #cc8900 !important; }

.md-orange {
  color: #ff9800 !important; }

a.md-orange:hover,
a.md-orange:focus {
  color: #fb8c00 !important; }

.md-orange-50 {
  color: #fff3e0 !important; }

a.md-orange-50:hover,
a.md-orange-50:focus {
  color: #ffe0b2 !important; }

.md-orange-100 {
  color: #ffe0b2 !important; }

a.md-orange-100:hover,
a.md-orange-100:focus {
  color: #ffcc80 !important; }

.md-orange-200 {
  color: #ffcc80 !important; }

a.md-orange-200:hover,
a.md-orange-200:focus {
  color: #ffb74d !important; }

.md-orange-300 {
  color: #ffb74d !important; }

a.md-orange-300:hover,
a.md-orange-300:focus {
  color: #ffa726 !important; }

.md-orange-400 {
  color: #ffa726 !important; }

a.md-orange-400:hover,
a.md-orange-400:focus {
  color: #ff9800 !important; }

.md-orange-500 {
  color: #ff9800 !important; }

a.md-orange-500:hover,
a.md-orange-500:focus {
  color: #fb8c00 !important; }

.md-orange-600 {
  color: #fb8c00 !important; }

a.md-orange-600:hover,
a.md-orange-600:focus {
  color: #f57c00 !important; }

.md-orange-700 {
  color: #f57c00 !important; }

a.md-orange-700:hover,
a.md-orange-700:focus {
  color: #ef6c00 !important; }

.md-orange-800 {
  color: #ef6c00 !important; }

a.md-orange-800:hover,
a.md-orange-800:focus {
  color: #e65100 !important; }

.md-orange-900 {
  color: #e65100 !important; }

a.md-orange-900:hover,
a.md-orange-900:focus {
  color: #b33f00 !important; }

.md-orange-A100 {
  color: #ffd180 !important; }

a.md-orange-A100:hover,
a.md-orange-A100:focus {
  color: #ffbf4d !important; }

.md-orange-A200 {
  color: #ffab40 !important; }

a.md-orange-A200:hover,
a.md-orange-A200:focus {
  color: #ff950d !important; }

.md-orange-A400 {
  color: #ff9100 !important; }

a.md-orange-A400:hover,
a.md-orange-A400:focus {
  color: #cc7400 !important; }

.md-orange-A700 {
  color: #ff6d00 !important; }

a.md-orange-A700:hover,
a.md-orange-A700:focus {
  color: #cc5700 !important; }

.md-bg-orange {
  background-color: #ff9800 !important; }

a.md-bg-orange:hover,
a.md-bg-orange:focus {
  background-color: #fb8c00 !important; }

.md-bg-orange-50 {
  background-color: #fff3e0 !important; }

a.md-bg-orange-50:hover,
a.md-bg-orange-50:focus {
  background-color: #ffe0b2 !important; }

.md-bg-orange-100 {
  background-color: #ffe0b2 !important; }

a.md-bg-orange-100:hover,
a.md-bg-orange-100:focus {
  background-color: #ffcc80 !important; }

.md-bg-orange-200 {
  background-color: #ffcc80 !important; }

a.md-bg-orange-200:hover,
a.md-bg-orange-200:focus {
  background-color: #ffb74d !important; }

.md-bg-orange-300 {
  background-color: #ffb74d !important; }

a.md-bg-orange-300:hover,
a.md-bg-orange-300:focus {
  background-color: #ffa726 !important; }

.md-bg-orange-400 {
  background-color: #ffa726 !important; }

a.md-bg-orange-400:hover,
a.md-bg-orange-400:focus {
  background-color: #ff9800 !important; }

.md-bg-orange-500 {
  background-color: #ff9800 !important; }

a.md-bg-orange-500:hover,
a.md-bg-orange-500:focus {
  background-color: #fb8c00 !important; }

.md-bg-orange-600 {
  background-color: #fb8c00 !important; }

a.md-bg-orange-600:hover,
a.md-bg-orange-600:focus {
  background-color: #f57c00 !important; }

.md-bg-orange-700 {
  background-color: #f57c00 !important; }

a.md-bg-orange-700:hover,
a.md-bg-orange-700:focus {
  background-color: #ef6c00 !important; }

.md-bg-orange-800 {
  background-color: #ef6c00 !important; }

a.md-bg-orange-800:hover,
a.md-bg-orange-800:focus {
  background-color: #e65100 !important; }

.md-bg-orange-900 {
  background-color: #e65100 !important; }

a.md-bg-orange-900:hover,
a.md-bg-orange-900:focus {
  background-color: #b33f00 !important; }

.md-bg-orange-A100 {
  background-color: #ffd180 !important; }

a.md-bg-orange-A100:hover,
a.md-bg-orange-A100:focus {
  background-color: #ffbf4d !important; }

.md-bg-orange-A200 {
  background-color: #ffab40 !important; }

a.md-bg-orange-A200:hover,
a.md-bg-orange-A200:focus {
  background-color: #ff950d !important; }

.md-bg-orange-A400 {
  background-color: #ff9100 !important; }

a.md-bg-orange-A400:hover,
a.md-bg-orange-A400:focus {
  background-color: #cc7400 !important; }

.md-bg-orange-A700 {
  background-color: #ff6d00 !important; }

a.md-bg-orange-A700:hover,
a.md-bg-orange-A700:focus {
  background-color: #cc5700 !important; }

.md-deep-orange {
  color: #ff5722 !important; }

a.md-deep-orange:hover,
a.md-deep-orange:focus {
  color: #f4511e !important; }

.md-deep-orange-50 {
  color: #fbe9e7 !important; }

a.md-deep-orange-50:hover,
a.md-deep-orange-50:focus {
  color: #ffccbc !important; }

.md-deep-orange-100 {
  color: #ffccbc !important; }

a.md-deep-orange-100:hover,
a.md-deep-orange-100:focus {
  color: #ffab91 !important; }

.md-deep-orange-200 {
  color: #ffab91 !important; }

a.md-deep-orange-200:hover,
a.md-deep-orange-200:focus {
  color: #ff8a65 !important; }

.md-deep-orange-300 {
  color: #ff8a65 !important; }

a.md-deep-orange-300:hover,
a.md-deep-orange-300:focus {
  color: #ff7043 !important; }

.md-deep-orange-400 {
  color: #ff7043 !important; }

a.md-deep-orange-400:hover,
a.md-deep-orange-400:focus {
  color: #ff5722 !important; }

.md-deep-orange-500 {
  color: #ff5722 !important; }

a.md-deep-orange-500:hover,
a.md-deep-orange-500:focus {
  color: #f4511e !important; }

.md-deep-orange-600 {
  color: #f4511e !important; }

a.md-deep-orange-600:hover,
a.md-deep-orange-600:focus {
  color: #e64a19 !important; }

.md-deep-orange-700 {
  color: #e64a19 !important; }

a.md-deep-orange-700:hover,
a.md-deep-orange-700:focus {
  color: #d84315 !important; }

.md-deep-orange-800 {
  color: #d84315 !important; }

a.md-deep-orange-800:hover,
a.md-deep-orange-800:focus {
  color: #bf360c !important; }

.md-deep-orange-900 {
  color: #bf360c !important; }

a.md-deep-orange-900:hover,
a.md-deep-orange-900:focus {
  color: #8f2809 !important; }

.md-deep-orange-A100 {
  color: #ff9e80 !important; }

a.md-deep-orange-A100:hover,
a.md-deep-orange-A100:focus {
  color: #ff774d !important; }

.md-deep-orange-A200 {
  color: #ff6e40 !important; }

a.md-deep-orange-A200:hover,
a.md-deep-orange-A200:focus {
  color: #ff470d !important; }

.md-deep-orange-A400 {
  color: #ff3d00 !important; }

a.md-deep-orange-A400:hover,
a.md-deep-orange-A400:focus {
  color: #cc3100 !important; }

.md-deep-orange-A700 {
  color: #dd2c00 !important; }

a.md-deep-orange-A700:hover,
a.md-deep-orange-A700:focus {
  color: #aa2200 !important; }

.md-bg-deep-orange {
  background-color: #ff5722 !important; }

a.md-bg-deep-orange:hover,
a.md-bg-deep-orange:focus {
  background-color: #f4511e !important; }

.md-bg-deep-orange-50 {
  background-color: #fbe9e7 !important; }

a.md-bg-deep-orange-50:hover,
a.md-bg-deep-orange-50:focus {
  background-color: #ffccbc !important; }

.md-bg-deep-orange-100 {
  background-color: #ffccbc !important; }

a.md-bg-deep-orange-100:hover,
a.md-bg-deep-orange-100:focus {
  background-color: #ffab91 !important; }

.md-bg-deep-orange-200 {
  background-color: #ffab91 !important; }

a.md-bg-deep-orange-200:hover,
a.md-bg-deep-orange-200:focus {
  background-color: #ff8a65 !important; }

.md-bg-deep-orange-300 {
  background-color: #ff8a65 !important; }

a.md-bg-deep-orange-300:hover,
a.md-bg-deep-orange-300:focus {
  background-color: #ff7043 !important; }

.md-bg-deep-orange-400 {
  background-color: #ff7043 !important; }

a.md-bg-deep-orange-400:hover,
a.md-bg-deep-orange-400:focus {
  background-color: #ff5722 !important; }

.md-bg-deep-orange-500 {
  background-color: #ff5722 !important; }

a.md-bg-deep-orange-500:hover,
a.md-bg-deep-orange-500:focus {
  background-color: #f4511e !important; }

.md-bg-deep-orange-600 {
  background-color: #f4511e !important; }

a.md-bg-deep-orange-600:hover,
a.md-bg-deep-orange-600:focus {
  background-color: #e64a19 !important; }

.md-bg-deep-orange-700 {
  background-color: #e64a19 !important; }

a.md-bg-deep-orange-700:hover,
a.md-bg-deep-orange-700:focus {
  background-color: #d84315 !important; }

.md-bg-deep-orange-800 {
  background-color: #d84315 !important; }

a.md-bg-deep-orange-800:hover,
a.md-bg-deep-orange-800:focus {
  background-color: #bf360c !important; }

.md-bg-deep-orange-900 {
  background-color: #bf360c !important; }

a.md-bg-deep-orange-900:hover,
a.md-bg-deep-orange-900:focus {
  background-color: #8f2809 !important; }

.md-bg-deep-orange-A100 {
  background-color: #ff9e80 !important; }

a.md-bg-deep-orange-A100:hover,
a.md-bg-deep-orange-A100:focus {
  background-color: #ff774d !important; }

.md-bg-deep-orange-A200 {
  background-color: #ff6e40 !important; }

a.md-bg-deep-orange-A200:hover,
a.md-bg-deep-orange-A200:focus {
  background-color: #ff470d !important; }

.md-bg-deep-orange-A400 {
  background-color: #ff3d00 !important; }

a.md-bg-deep-orange-A400:hover,
a.md-bg-deep-orange-A400:focus {
  background-color: #cc3100 !important; }

.md-bg-deep-orange-A700 {
  background-color: #dd2c00 !important; }

a.md-bg-deep-orange-A700:hover,
a.md-bg-deep-orange-A700:focus {
  background-color: #aa2200 !important; }

.md-brown {
  color: #795548 !important; }

a.md-brown:hover,
a.md-brown:focus {
  color: #6d4c41 !important; }

.md-brown-50 {
  color: #efebe9 !important; }

a.md-brown-50:hover,
a.md-brown-50:focus {
  color: #d7ccc8 !important; }

.md-brown-100 {
  color: #d7ccc8 !important; }

a.md-brown-100:hover,
a.md-brown-100:focus {
  color: #bcaaa4 !important; }

.md-brown-200 {
  color: #bcaaa4 !important; }

a.md-brown-200:hover,
a.md-brown-200:focus {
  color: #a1887f !important; }

.md-brown-300 {
  color: #a1887f !important; }

a.md-brown-300:hover,
a.md-brown-300:focus {
  color: #8d6e63 !important; }

.md-brown-400 {
  color: #8d6e63 !important; }

a.md-brown-400:hover,
a.md-brown-400:focus {
  color: #795548 !important; }

.md-brown-500 {
  color: #795548 !important; }

a.md-brown-500:hover,
a.md-brown-500:focus {
  color: #6d4c41 !important; }

.md-brown-600 {
  color: #6d4c41 !important; }

a.md-brown-600:hover,
a.md-brown-600:focus {
  color: #5d4037 !important; }

.md-brown-700 {
  color: #5d4037 !important; }

a.md-brown-700:hover,
a.md-brown-700:focus {
  color: #4e342e !important; }

.md-brown-800 {
  color: #4e342e !important; }

a.md-brown-800:hover,
a.md-brown-800:focus {
  color: #3e2723 !important; }

.md-brown-900 {
  color: #3e2723 !important; }

a.md-brown-900:hover,
a.md-brown-900:focus {
  color: #1d1211 !important; }

.md-bg-brown {
  background-color: #795548 !important; }

a.md-bg-brown:hover,
a.md-bg-brown:focus {
  background-color: #6d4c41 !important; }

.md-bg-brown-50 {
  background-color: #efebe9 !important; }

a.md-bg-brown-50:hover,
a.md-bg-brown-50:focus {
  background-color: #d7ccc8 !important; }

.md-bg-brown-100 {
  background-color: #d7ccc8 !important; }

a.md-bg-brown-100:hover,
a.md-bg-brown-100:focus {
  background-color: #bcaaa4 !important; }

.md-bg-brown-200 {
  background-color: #bcaaa4 !important; }

a.md-bg-brown-200:hover,
a.md-bg-brown-200:focus {
  background-color: #a1887f !important; }

.md-bg-brown-300 {
  background-color: #a1887f !important; }

a.md-bg-brown-300:hover,
a.md-bg-brown-300:focus {
  background-color: #8d6e63 !important; }

.md-bg-brown-400 {
  background-color: #8d6e63 !important; }

a.md-bg-brown-400:hover,
a.md-bg-brown-400:focus {
  background-color: #795548 !important; }

.md-bg-brown-500 {
  background-color: #795548 !important; }

a.md-bg-brown-500:hover,
a.md-bg-brown-500:focus {
  background-color: #6d4c41 !important; }

.md-bg-brown-600 {
  background-color: #6d4c41 !important; }

a.md-bg-brown-600:hover,
a.md-bg-brown-600:focus {
  background-color: #5d4037 !important; }

.md-bg-brown-700 {
  background-color: #5d4037 !important; }

a.md-bg-brown-700:hover,
a.md-bg-brown-700:focus {
  background-color: #4e342e !important; }

.md-bg-brown-800 {
  background-color: #4e342e !important; }

a.md-bg-brown-800:hover,
a.md-bg-brown-800:focus {
  background-color: #3e2723 !important; }

.md-bg-brown-900 {
  background-color: #3e2723 !important; }

a.md-bg-brown-900:hover,
a.md-bg-brown-900:focus {
  background-color: #1d1211 !important; }

.md-grey {
  color: #9e9e9e !important; }

a.md-grey:hover,
a.md-grey:focus {
  color: #757575 !important; }

.md-grey-50 {
  color: #fafafa !important; }

a.md-grey-50:hover,
a.md-grey-50:focus {
  color: #f5f5f5 !important; }

.md-grey-100 {
  color: #f5f5f5 !important; }

a.md-grey-100:hover,
a.md-grey-100:focus {
  color: #eeeeee !important; }

.md-grey-200 {
  color: #eeeeee !important; }

a.md-grey-200:hover,
a.md-grey-200:focus {
  color: #e0e0e0 !important; }

.md-grey-300 {
  color: #e0e0e0 !important; }

a.md-grey-300:hover,
a.md-grey-300:focus {
  color: #bdbdbd !important; }

.md-grey-400 {
  color: #bdbdbd !important; }

a.md-grey-400:hover,
a.md-grey-400:focus {
  color: #9e9e9e !important; }

.md-grey-500 {
  color: #9e9e9e !important; }

a.md-grey-500:hover,
a.md-grey-500:focus {
  color: #757575 !important; }

.md-grey-600 {
  color: #757575 !important; }

a.md-grey-600:hover,
a.md-grey-600:focus {
  color: #616161 !important; }

.md-grey-700 {
  color: #616161 !important; }

a.md-grey-700:hover,
a.md-grey-700:focus {
  color: #424242 !important; }

.md-grey-800 {
  color: #424242 !important; }

a.md-grey-800:hover,
a.md-grey-800:focus {
  color: #212121 !important; }

.md-grey-900 {
  color: #212121 !important; }

a.md-grey-900:hover,
a.md-grey-900:focus {
  color: #080808 !important; }

.md-bg-grey {
  background-color: #9e9e9e !important; }

a.md-bg-grey:hover,
a.md-bg-grey:focus {
  background-color: #757575 !important; }

.md-bg-grey-50 {
  background-color: #fafafa !important; }

a.md-bg-grey-50:hover,
a.md-bg-grey-50:focus {
  background-color: #f5f5f5 !important; }

.md-bg-grey-100 {
  background-color: #f5f5f5 !important; }

a.md-bg-grey-100:hover,
a.md-bg-grey-100:focus {
  background-color: #eeeeee !important; }

.md-bg-grey-200 {
  background-color: #eeeeee !important; }

a.md-bg-grey-200:hover,
a.md-bg-grey-200:focus {
  background-color: #e0e0e0 !important; }

.md-bg-grey-300 {
  background-color: #e0e0e0 !important; }

a.md-bg-grey-300:hover,
a.md-bg-grey-300:focus {
  background-color: #bdbdbd !important; }

.md-bg-grey-400 {
  background-color: #bdbdbd !important; }

a.md-bg-grey-400:hover,
a.md-bg-grey-400:focus {
  background-color: #9e9e9e !important; }

.md-bg-grey-500 {
  background-color: #9e9e9e !important; }

a.md-bg-grey-500:hover,
a.md-bg-grey-500:focus {
  background-color: #757575 !important; }

.md-bg-grey-600 {
  background-color: #757575 !important; }

a.md-bg-grey-600:hover,
a.md-bg-grey-600:focus {
  background-color: #616161 !important; }

.md-bg-grey-700 {
  background-color: #616161 !important; }

a.md-bg-grey-700:hover,
a.md-bg-grey-700:focus {
  background-color: #424242 !important; }

.md-bg-grey-800 {
  background-color: #424242 !important; }

a.md-bg-grey-800:hover,
a.md-bg-grey-800:focus {
  background-color: #212121 !important; }

.md-bg-grey-900 {
  background-color: #212121 !important; }

a.md-bg-grey-900:hover,
a.md-bg-grey-900:focus {
  background-color: #080808 !important; }

.md-blue-grey {
  color: #607d8b !important; }

a.md-blue-grey:hover,
a.md-blue-grey:focus {
  color: #546e7a !important; }

.md-blue-grey-50 {
  color: #eceff1 !important; }

a.md-blue-grey-50:hover,
a.md-blue-grey-50:focus {
  color: #cfd8dc !important; }

.md-blue-grey-100 {
  color: #cfd8dc !important; }

a.md-blue-grey-100:hover,
a.md-blue-grey-100:focus {
  color: #b0bec5 !important; }

.md-blue-grey-200 {
  color: #b0bec5 !important; }

a.md-blue-grey-200:hover,
a.md-blue-grey-200:focus {
  color: #90a4ae !important; }

.md-blue-grey-300 {
  color: #90a4ae !important; }

a.md-blue-grey-300:hover,
a.md-blue-grey-300:focus {
  color: #78909c !important; }

.md-blue-grey-400 {
  color: #78909c !important; }

a.md-blue-grey-400:hover,
a.md-blue-grey-400:focus {
  color: #607d8b !important; }

.md-blue-grey-500 {
  color: #607d8b !important; }

a.md-blue-grey-500:hover,
a.md-blue-grey-500:focus {
  color: #546e7a !important; }

.md-blue-grey-600 {
  color: #546e7a !important; }

a.md-blue-grey-600:hover,
a.md-blue-grey-600:focus {
  color: #455a64 !important; }

.md-blue-grey-700 {
  color: #455a64 !important; }

a.md-blue-grey-700:hover,
a.md-blue-grey-700:focus {
  color: #37474f !important; }

.md-blue-grey-800 {
  color: #37474f !important; }

a.md-blue-grey-800:hover,
a.md-blue-grey-800:focus {
  color: #263238 !important; }

.md-blue-grey-900 {
  color: #263238 !important; }

a.md-blue-grey-900:hover,
a.md-blue-grey-900:focus {
  color: #11171a !important; }

.md-bg-blue-grey {
  background-color: #607d8b !important; }

a.md-bg-blue-grey:hover,
a.md-bg-blue-grey:focus {
  background-color: #546e7a !important; }

.md-bg-blue-grey-50 {
  background-color: #eceff1 !important; }

a.md-bg-blue-grey-50:hover,
a.md-bg-blue-grey-50:focus {
  background-color: #cfd8dc !important; }

.md-bg-blue-grey-100 {
  background-color: #cfd8dc !important; }

a.md-bg-blue-grey-100:hover,
a.md-bg-blue-grey-100:focus {
  background-color: #b0bec5 !important; }

.md-bg-blue-grey-200 {
  background-color: #b0bec5 !important; }

a.md-bg-blue-grey-200:hover,
a.md-bg-blue-grey-200:focus {
  background-color: #90a4ae !important; }

.md-bg-blue-grey-300 {
  background-color: #90a4ae !important; }

a.md-bg-blue-grey-300:hover,
a.md-bg-blue-grey-300:focus {
  background-color: #78909c !important; }

.md-bg-blue-grey-400 {
  background-color: #78909c !important; }

a.md-bg-blue-grey-400:hover,
a.md-bg-blue-grey-400:focus {
  background-color: #607d8b !important; }

.md-bg-blue-grey-500 {
  background-color: #607d8b !important; }

a.md-bg-blue-grey-500:hover,
a.md-bg-blue-grey-500:focus {
  background-color: #546e7a !important; }

.md-bg-blue-grey-600 {
  background-color: #546e7a !important; }

a.md-bg-blue-grey-600:hover,
a.md-bg-blue-grey-600:focus {
  background-color: #455a64 !important; }

.md-bg-blue-grey-700 {
  background-color: #455a64 !important; }

a.md-bg-blue-grey-700:hover,
a.md-bg-blue-grey-700:focus {
  background-color: #37474f !important; }

.md-bg-blue-grey-800 {
  background-color: #37474f !important; }

a.md-bg-blue-grey-800:hover,
a.md-bg-blue-grey-800:focus {
  background-color: #263238 !important; }

.md-bg-blue-grey-900 {
  background-color: #263238 !important; }

a.md-bg-blue-grey-900:hover,
a.md-bg-blue-grey-900:focus {
  background-color: #11171a !important; }

.md-white-lighter {
  color: rgba(255, 255, 255, 0.12) !important; }

a.md-white-lighter:hover,
a.md-white-lighter:focus {
  color: rgba(255, 255, 255, 0.3) !important; }

.md-white-light {
  color: rgba(255, 255, 255, 0.3) !important; }

a.md-white-light:hover,
a.md-white-light:focus {
  color: rgba(255, 255, 255, 0.7) !important; }

.md-white-dark {
  color: rgba(255, 255, 255, 0.7) !important; }

a.md-white-dark:hover,
a.md-white-dark:focus {
  color: #ffffff !important; }

.md-white-darker {
  color: #ffffff !important; }

a.md-white-darker:hover,
a.md-white-darker:focus {
  color: white !important; }

.md-white-lighter {
  color: rgba(255, 255, 255, 0.12) !important; }

a.md-white-lighter:hover,
a.md-white-lighter:focus {
  color: rgba(255, 255, 255, 0.3) !important; }

.md-white-light {
  color: rgba(255, 255, 255, 0.3) !important; }

a.md-white-light:hover,
a.md-white-light:focus {
  color: rgba(255, 255, 255, 0.7) !important; }

.md-white-dark {
  color: rgba(255, 255, 255, 0.7) !important; }

a.md-white-dark:hover,
a.md-white-dark:focus {
  color: #ffffff !important; }

.md-white-darker {
  color: #ffffff !important; }

a.md-white-darker:hover,
a.md-white-darker:focus {
  color: white !important; }

.md-black-lighter {
  color: rgba(0, 0, 0, 0.12) !important; }

a.md-black-lighter:hover,
a.md-black-lighter:focus {
  color: rgba(0, 0, 0, 0.26) !important; }

.md-black-light {
  color: rgba(0, 0, 0, 0.26) !important; }

a.md-black-light:hover,
a.md-black-light:focus {
  color: rgba(0, 0, 0, 0.54) !important; }

.md-black-dark {
  color: rgba(0, 0, 0, 0.54) !important; }

a.md-black-dark:hover,
a.md-black-dark:focus {
  color: rgba(0, 0, 0, 0.87) !important; }

.md-black-darker {
  color: rgba(0, 0, 0, 0.87) !important; }

a.md-black-darker:hover,
a.md-black-darker:focus {
  color: black !important; }

.md-black-lighter {
  color: rgba(0, 0, 0, 0.12) !important; }

a.md-black-lighter:hover,
a.md-black-lighter:focus {
  color: rgba(0, 0, 0, 0.26) !important; }

.md-black-light {
  color: rgba(0, 0, 0, 0.26) !important; }

a.md-black-light:hover,
a.md-black-light:focus {
  color: rgba(0, 0, 0, 0.54) !important; }

.md-black-dark {
  color: rgba(0, 0, 0, 0.54) !important; }

a.md-black-dark:hover,
a.md-black-dark:focus {
  color: rgba(0, 0, 0, 0.87) !important; }

.md-black-darker {
  color: rgba(0, 0, 0, 0.87) !important; }

a.md-black-darker:hover,
a.md-black-darker:focus {
  color: black !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/mde/_color_table.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Color Palette for MD tables
 # -----------------------------------------------------------------------------
*/
table.s-tag-table {
  width: 100%; }

table.s-tag-table td {
  padding: 12px 12px 12px 24px;
  vertical-align: top; }

.col-list table.s-tag-table {
  background-color: #fff;
  font-size: 13px;
  table-layout: auto;
  width: 100%;
  margin-bottom: 40px; }

.col-list table.s-tag-table td {
  border: 1px solid #EEE;
  line-height: 24px;
  padding: 12px 12px 12px 24px;
  color: #212121;
  vertical-align: middle; }

.col-list table.s-tag-table td > :last-child {
  margin-bottom: 0; }

.col-list table.s-tag-table tr:first-child {
  background-color: #FAFAFA;
  font-weight: 500; }

.col-list table.s-tag-table tr:first-child td {
  border-top: 1px solid #E5E5E5; }

.col-list table.s-tag-table tr:first-child td p {
  color: #757575; }

.col-list table.s-tag-table tr:last-child td {
  border-bottom: 1px solid #E5E5E5; }

.col-list table.s-tag-table tr td:last-child {
  border-right: 1px solid #E5E5E5; }

.col-list table.s-tag-table tr td:first-child {
  border-left: 1px solid #E5E5E5; }

.color-palette ul {
  list-style: none; }

.col-list {
  margin: 40px 0;
  font-size: 0; }

.col-list .figure, .col-list .module {
  vertical-align: top;
  font-size: 13px; }

.col-list .col-2, .col-list .col-3 {
  padding-bottom: 40px; }

.col-list .col-2 > div, .col-list .col-3 > div {
  display: inline-block;
  padding-bottom: 20px; }

.col-list .col-2 > div:nth-child(1) {
  width: 360px;
  margin-right: 40px; }

.col-list .col-2 > div:nth-child(2) {
  display: inline-block;
  width: 760px;
  vertical-align: top; }

.col-list .col-3 > div {
  width: 360px;
  margin-right: 40px; }

.col-list .col-3 > div:nth-child(3) {
  margin-right: 0; }

@media screen and (max-width: 1240px) {
  .col-list .figure-figure-figure.col-3 > div:nth-child(2),
  .col-list .figure-figure-module.col-3 > div:nth-child(2),
  .col-list .module-module-module.col-3 > div:nth-child(2) {
    margin-right: 0; }
  .col-list .col-2 > div:nth-child(1),
  .col-list .col-2 > div:nth-child(2) {
    width: auto; }
  .col-list .figure-module-module.col-3 > div:nth-child(1),
  .col-list .module-figure-figure.col-3 > div:nth-child(1) {
    display: block;
    width: auto; } }

@media screen and (max-width: 800px) {
  .col-list .module {
    overflow-x: auto; }
  .col-list .col-2 > div, .col-list .col-3 > div {
    width: 100%;
    margin: 20px 0; } }

.s-tag-caption.do, .s-tag-caption.dont,
figure.s-tag-media figcaption .s-tag-caption.do,
figure.s-tag-media figcaption .s-tag-caption.dont {
  border-top: 15px solid;
  font-weight: 500;
  margin: 10px 0 0;
  padding: 10px 0 0; }

.s-tag-caption.dont,
figure.s-tag-media figcaption .s-tag-caption.dont {
  border-color: #d32F2f;
  color: #d32F2f; }

.s-tag-caption.do,
figure.s-tag-media figcaption .s-tag-caption.do {
  border-color: #4caf50;
  color: #2e7b32; }

.text-box {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  padding: 24px 24px 0; }

figure.s-tag-media img,
figure.s-tag-media video {
  display: block;
  margin-bottom: 0;
  max-width: 100%; }

figcaption {
  margin-top: 10px; }

figcaption h1, figcaption h2, figcaption h3, figcaption h4, figcaption h5, figcaption h6 {
  margin-top: 40px; }

figcaption li, figcaption p {
  color: #616161;
  font-size: 13px;
  line-height: 24px; }

figcaption .caption-title {
  font-weight: 500; }

.color-palette {
  /* width: 1160px; */
  /* padding-bottom: 60px; */
  line-height: 1; }

.color-palette ul {
  margin: 0;
  padding: 0; }

.color-palette span {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  font-weight: 500; }

@media screen and (max-width: 1240px) {
  .color-palette {
    padding-right: 0;
    width: 760px; } }

@media screen and (max-width: 800px) {
  .color-palette {
    padding-right: 0;
    width: 360px; } }

@media screen and (max-width: 360px) {
  .color-palette {
    padding-right: 0;
    width: 100%; } }

.color-palette .module-end {
  clear: left; }

.color-palette .light span,
.color-palette span.light {
  color: rgba(255, 255, 255, 0.87); }

.color-palette .light-strong span,
.color-palette span.light-strong {
  color: #fff; }

.color-palette .dark span,
.color-palette .dark-when-small span,
.color-palette span.dark,
.color-palette span.dark-when-small {
  color: rgba(0, 0, 0, 0.87); }

.color-palette .dark-strong span,
.color-palette span.dark-strong {
  color: #000; }

.color-palette .color-group,
.color-palette .color-group:last-child {
  float: left;
  padding-bottom: 40px;
  width: 360px; }

@media screen and (max-width: 800px) {
  .color-palette .color-group,
  .color-palette .color-group:last-child {
    margin-left: 0;
    padding-right: 0;
    width: 360px; } }

@media screen and (max-width: 360px) {
  .color-palette .color-group,
  .color-palette .color-group:last-child {
    padding-right: 0;
    padding-left: 0;
    width: 100%; } }

.color-palette .color-group:first-child,
.color-palette .color-group:last-child:first-child,
.color-palette .color-group:last-child:nth-of-type(2n+1),
.color-palette .color-group:nth-of-type(2n+1) {
  clear: left;
  margin-left: 0; }

@media screen and (max-width: 1240px) {
  .color-palette .color-group:first-child,
  .color-palette .color-group:last-child:first-child,
  .color-palette .color-group:last-child:nth-of-type(2n+1),
  .color-palette .color-group:nth-of-type(2n+1) {
    clear: none; }
  .color-palette .color-group:last-child:nth-of-type(2n+1),
  .color-palette .color-group:nth-of-type(2n+1) {
    clear: left;
    margin-left: 0; } }

@media screen and (max-width: 800px) {
  .color-palette .color-group:first-child,
  .color-palette .color-group:last-child:first-child,
  .color-palette .color-group:last-child:nth-of-type(2n+1),
  .color-palette .color-group:nth-of-type(2n+1) {
    margin-left: 0; } }

.color-palette .color-group li.color,
.color-palette .color-group:last-child li.color {
  padding: 10px 15px 11px;
  margin: 0; }

.color-palette .color-group li.color .hex,
.color-palette .color-group:last-child li.color .hex {
  float: right;
  text-transform: uppercase;
  display: block; }

.color-palette .color-group li.main-color,
.color-palette .color-group:last-child li.main-color {
  border-bottom: 4px solid #fafafa; }

.color-palette .color-group li.main-color .name,
.color-palette .color-group:last-child li.main-color .name {
  display: block;
  margin-bottom: 53px; }

.color-palette .color-group li.divide,
.color-palette .color-group:last-child li.divide {
  border-top: 4px solid #fafafa; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/mde/_elevation.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: MDE elevation styles
 # -----------------------------------------------------------------------------
*/
/*
 * Applies the correct css rules needed to have an element transition
 * between elevations. This mixin should be applied to elements whose
 * elevation values will change depending on their context (e.g. when
 * active or disabled).
 */
.raised-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; }

.raised-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; }

.raised-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; }

.raised-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; }

.raised-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; }

.raised-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; }

.raised-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; }

.raised-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; }

.raised-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; }

.raised-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; }

.raised-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; }

.raised-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; }

.raised-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; }

.raised-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; }

.raised-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; }

.raised-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; }

.raised-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; }

.raised-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; }

.raised-transition {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/extentions/mde/_nav_tabs_pills.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: MDE styles for navigation pills and tabs
 # -----------------------------------------------------------------------------
*/
.nav-tabs {
  background: #009688; }

.nav-tabs > li > a {
  color: #f5f5f5;
  border: 0;
  margin: 0; }

.nav-tabs > li > a:hover {
  background-color: transparent;
  border: 0; }

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
  border: 0 !important;
  color: #f5f5f5 !important;
  font-weight: 500; }

.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover {
  color: rgba(255, 255, 255, 0.5); }

.tab-space {
  padding: 1rem 0 1rem 0px; }

.tab-content {
  margin: 1rem 0px;
  overflow: hidden;
  width: 100%;
  height: auto;
  /* text-align: center; */ }

.tab-content img {
  border-radius: 3px;
  max-width: 300px;
  height: auto; }

.section-image .nav-pills > li > a {
  color: #999999; }

.nav-pills > li > a {
  line-height: 24px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555;
  transition: all .3s; }

/* jadams: 2017-04-12 */
.nav-pills > li i {
  display: block;
  /* font-size: 30px; */
  padding: 15px 0; }

/* jadams: 2017-04-12 */
.nav-pills > li i {
  font-size: 3em; }

/* jadams: Checked for BS4 */
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  box-shadow: 0 16px 26px -10px rgba(158, 158, 158, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(97, 97, 97, 0.2); }

/* jadams: Checked for BS4 should be overwritten by nav.scss */
.nav-tabs .nav-link, .nav-pills .nav-link {
  padding: 0.5em 0.8575em; }

.nav-pills:not(.nav-pills-icons) > li > a {
  border-radius: 30px; }

.nav-pills.nav-stacked > li + li {
  margin-top: 5px; }

.nav-pills.nav-pills-info .nav-link.active,
.nav-pills.nav-pills-info .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-link.active:hover {
  background-color: #00bcd4;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }

.nav-pills.nav-pills-success .nav-link.active,
.nav-pills.nav-pills-success .nav-link.active:focus,
.nav-pills.nav-pills-success .nav-link.active:hover {
  background-color: #4caf50;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }

.nav-pills.nav-pills-warning .nav-link.active,
.nav-pills.nav-pills-warning .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-link.active:hover {
  background-color: #ffeb3b;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }

.nav-pills.nav-pills-danger .nav-link.active,
.nav-pills.nav-pills-danger .nav-link.active:focus,
.nav-pills.nav-pills-danger .nav-link.active:hover {
  background-color: #f44336;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/bootstrap/modules.scss
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: This is the (SASS) entry point for build-in theme MODULES
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/modules/_cookiebar.scss
 #
 # Product/Info:
 # http://jekyll.one
 # http://www.primebox.co.uk/projects/jquery-cookiebar/
 #
 # Copyright (C) 2020 Juergen Adams
 # Copyright (C) 2016 Ant Parsons (primebox.co.uk)
 #
 # J1 Template is licensed under the MIT License
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # Cookiebar is licensed under Creative Commons Attribution 3.0 Unported License
 # See: http://creativecommons.org/licenses/by/3.0/
 # -----------------------------------------------------------------------------
 # NOTE: Provides styles for the J1 CookieBar module
 # -----------------------------------------------------------------------------
*/
#cookie-bar {
  background: #354a60;
  height: auto;
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 3px 0; }
  #cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    #cookie-bar.fixed.bottom {
      bottom: 0;
      top: auto; }
  #cookie-bar p {
    margin: 0;
    padding: 0; }
  #cookie-bar a {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
    margin-bottom: 20px; }
  #cookie-bar .cb-enable {
    background: #007700; }
    #cookie-bar .cb-enable:hover {
      background: #007700; }
  #cookie-bar .cb-disable {
    background: #990000; }
    #cookie-bar .cb-disable:hover {
      background: #bb0000; }
  #cookie-bar .cb-policy {
    background: #0033bb; }
    #cookie-bar .cb-policy:hover {
      background: #0055dd; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/modules/_enhanced-modals.scss
 #
 # Product/Info:
 # http://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Styles for enhanced BS Modals
 # -----------------------------------------------------------------------------
*/
body.modal-open {
  padding-right: 0 !important; }

body.scrollable {
  overflow-y: auto; }

.modal .modal-content {
  border-radius: 0.1rem !important;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5) !important; }

.modal .modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .modal .modal-header .modal-title {
    font-weight: 300; }
  .modal .modal-header .lead {
    font-size: 1.5rem;
    font-weight: 400; }
  .modal .modal-header .close {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.75rem;
    padding-left: 1rem; }

.modal .modal-footer {
  padding: 2rem 2rem 2rem 2rem !important;
  border-top: 1px solid #e0e0e0 !important; }

.modal .modal-footer-show {
  padding: 1rem 2rem 1.75rem 2rem; }

.modal .modal-footer-hidden {
  padding: 0; }

@media (min-width: 768px) {
  .modal .modal-dialog.modal-top {
    top: 0; }
  .modal .modal-dialog.modal-left {
    left: 0; }
  .modal .modal-dialog.modal-right {
    right: 0; }
  .modal .modal-dialog.modal-bottom {
    bottom: 0; }
  .modal .modal-dialog.modal-top-left {
    top: 10px;
    left: 10px; }
  .modal .modal-dialog.modal-top-right {
    top: 10px;
    right: 10px; }
  .modal .modal-dialog.modal-bottom-left {
    left: 10px;
    bottom: 10px; }
  .modal .modal-dialog.modal-bottom-right {
    right: 10px;
    bottom: 10px; } }

.modal.fade.top:not(.show) .modal-dialog {
  transform: translate3d(0, -25%, 0); }

.modal.fade.left:not(.show) .modal-dialog {
  transform: translate3d(-25%, 0, 0); }

.modal.fade.right:not(.show) .modal-dialog {
  transform: translate3d(25%, 0, 0); }

.modal.fade.bottom:not(.show) .modal-dialog {
  transform: translate3d(0, 25%, 0); }

@media (min-width: 576px) {
  .modal.modal-scrolling {
    position: relative; }
    .modal.modal-scrolling .modal-dialog {
      position: fixed;
      z-index: 1050; }
  .modal .modal-fluid {
    width: 100%;
    max-width: 100%; }
    .modal .modal-fluid .modal-content {
      width: 100%;
      border-radius: 0.3rem !important;
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); }
  .modal .modal-frame {
    position: absolute;
    width: 100%;
    max-width: 100%;
    margin: 0; }
    .modal .modal-frame.modal-bottom {
      bottom: 0; }
  .modal .modal-full-height {
    display: flex;
    position: absolute;
    width: 400px;
    height: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0; }
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto; }
    .modal .modal-full-height.modal-top {
      bottom: auto; }
    .modal .modal-full-height.modal-bottom {
      top: auto; }
  .modal .modal-side {
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: 0;
    width: 400px; } }

@media (min-width: 768px) {
  .modal.modal-scrolling {
    position: relative; }
    .modal.modal-scrolling .modal-dialog {
      position: fixed;
      z-index: 1050; }
  .modal .modal-fluid {
    width: 100%;
    max-width: 100%; }
    .modal .modal-fluid .modal-content {
      width: 100%;
      border-radius: 0.3rem !important; }
  .modal .modal-frame {
    position: absolute;
    width: 100%;
    max-width: 100%;
    margin: 0; }
    .modal .modal-frame.modal-bottom {
      bottom: 0; }
  .modal .modal-full-height {
    display: flex;
    position: absolute;
    width: 400px;
    height: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0; }
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto; }
    .modal .modal-full-height.modal-top {
      bottom: auto; }
    .modal .modal-full-height.modal-bottom {
      top: auto; }
  .modal .modal-side {
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: 0;
    width: 400px; } }

.modal-dialog.modal-notify.modal-primary .badge {
  background-color: #2196f3; }

.modal-dialog.modal-notify.modal-primary .modal-header {
  background-color: #2196f3; }

.modal-dialog.modal-notify.modal-primary .mdi {
  color: #f5f5f5 !important; }

.modal-dialog.modal-notify.modal-info .badge {
  background-color: #00bcd4; }

.modal-dialog.modal-notify.modal-info .modal-header {
  background-color: #00bcd4; }

.modal-dialog.modal-notify.modal-info .mdi {
  color: #f5f5f5 !important; }

.modal-dialog.modal-notify.modal-warning .badge {
  background-color: #ffeb3b; }

.modal-dialog.modal-notify.modal-warning .modal-header {
  background-color: #ffeb3b; }

.modal-dialog.modal-notify.modal-warning .mdi {
  color: #f5f5f5 !important; }

.modal-dialog.modal-notify.modal-success .badge {
  background-color: #4caf50; }

.modal-dialog.modal-notify.modal-success .modal-header {
  background-color: #4caf50; }

.modal-dialog.modal-notify.modal-success .mdi {
  color: #f5f5f5 !important; }

.modal-dialog.modal-notify.modal-danger .badge {
  background-color: #f44336; }

.modal-dialog.modal-notify.modal-danger .modal-header {
  background-color: #f44336; }

.modal-dialog.modal-notify.modal-danger .mdi {
  color: #f5f5f5 !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/modules/_navigator.scss
 #
 # Product/Info:
 # http://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Styles for module J1 Navigator (NAV Module)
 # -----------------------------------------------------------------------------
*/
.nav-primary {
  background-color: #2196f3; }

.stop-scrolling {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none; }

.stop-scrolling-freeze {
  position: fixed;
  overflow-y: scroll;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.dropdown-menu {
  padding-bottom: 0.1rem; }

.dropdown-menu {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.dropdown-menu::-webkit-scrollbar {
  width: 0px;
  /* WebKit */ }

#bootsnav_nav_menu .dropdown-menu {
  transform: scale(1);
  padding-bottom: unset; }

.nav.navigator {
  flex-wrap: nowrap; }

.nav.navbar-nav.navigator {
  margin-top: 0px;
  padding-top: 0; }

ul.menu-col {
  padding: 0;
  margin: 0;
  font-size: 13px; }
  ul.menu-col li a {
    color: #424242; }
    ul.menu-col li a:hover {
      text-decoration: none; }
    ul.menu-col li a:focus {
      text-decoration: none; }

li.close-full-menu {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
  li.close-full-menu > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

.heading:after {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  content: " ";
  background: #2196f3;
  position: absolute; }

.heading-footer h2 {
  color: #eee;
  font-size: 18px;
  text-transform: uppercase; }

.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent !important; }

.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent !important; }

.nav.navbar.navigator.open ul.dropdown-menu.megamenu-content .content {
  display: block !important;
  height: auto !important; }

nav.navbar.navigator .navbar-nav .nav-item.open {
  border-bottom: 0px; }

nav.navigator .container {
  position: relative; }

nav.navigator .megamenu-content {
  padding: 15px;
  width: 100% !important; }
  nav.navigator .megamenu-content .title {
    margin-top: 0; }

nav.navigator.navbar-full {
  padding-bottom: 10px;
  padding-top: 10px; }
  nav.navigator.navbar-full .navbar-header {
    display: block;
    width: 100%; }
  nav.navigator.navbar-full .navbar-toggle {
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    transition: all 1s ease-in-out; }
  nav.navigator.navbar-full .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 99; }
    nav.navigator.navbar-full .navbar-collapse.in {
      display: block !important; }
    nav.navigator.navbar-full .navbar-collapse .nav-full {
      overflow: auto; }
    nav.navigator.navbar-full .navbar-collapse .wrap-full-menu {
      display: table-cell;
      vertical-align: middle;
      background-color: #ffffff;
      overflow: auto; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse ul.nav {
      display: block;
      width: 100%;
      overflow: auto; }
      nav.navigator.navbar-full .navbar-collapse ul.nav a {
        background-color: transparent; }
        nav.navigator.navbar-full .navbar-collapse ul.nav a:hover {
          background-color: transparent; }
        nav.navigator.navbar-full .navbar-collapse ul.nav a:focus {
          background-color: transparent; }
      nav.navigator.navbar-full .navbar-collapse ul.nav > li {
        float: none;
        display: block;
        text-align: center; }
        nav.navigator.navbar-full .navbar-collapse ul.nav > li > a {
          display: table;
          margin: auto;
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 2px;
          font-size: 24px;
          padding: 10px 15px; }

nav.navigator.navbar-brand-top .navbar-header {
  display: block;
  width: 100%;
  text-align: center; }
  nav.navigator.navbar-brand-top .navbar-header .navbar-brand {
    display: inline-block;
    float: none;
    margin: 0; }

nav.navigator.navbar-brand-top .navbar-collapse {
  text-align: center; }

nav.navigator.navbar-brand-top ul.nav {
  display: inline-block;
  float: none;
  margin: 0 0 -5px 0; }
  nav.navigator.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
    margin-top: 2px; }
  nav.navigator.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
    margin-top: 0; }

nav.navigator.brand-center .navbar-header {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0; }

nav.navigator.brand-center .navbar-brand {
  display: inline-block;
  float: none; }

nav.navigator.brand-center .navbar-collapse {
  text-align: center;
  display: inline-block;
  padding-left: 0;
  padding-right: 0; }
  nav.navigator.brand-center .navbar-collapse .col-half {
    width: 50%;
    float: left;
    display: block; }
    nav.navigator.brand-center .navbar-collapse .col-half.left {
      text-align: right;
      padding-right: 100px; }
    nav.navigator.brand-center .navbar-collapse .col-half.right {
      text-align: left;
      padding-left: 100px; }

nav.navigator.brand-center ul.nav {
  float: none !important;
  margin-bottom: -5px !important;
  display: inline-block !important; }
  nav.navigator.brand-center ul.nav.navbar-right {
    margin: 0; }
  nav.navigator.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
    margin-top: 2px; }
  nav.navigator.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
    margin-top: 0; }

nav.navigator.brand-center.center-side .navbar-collapse .col-half.left {
  text-align: left;
  padding-right: 100px; }

nav.navigator.brand-center.center-side .navbar-collapse .col-half.right {
  text-align: right;
  padding-left: 100px; }

nav.navigator.navbar-sidebar {
  position: fixed;
  width: 260px;
  overflow: hidden;
  left: 0;
  padding: 0 0 0 0 !important;
  background: #ffffff;
  box-shadow: 1px 0 1px 0 #eee; }
  nav.navigator.navbar-sidebar .scroller {
    width: 280px;
    overflow-y: auto;
    overflow-x: hidden; }
  nav.navigator.navbar-sidebar .container-fluid {
    padding: 0 !important; }
  nav.navigator.navbar-sidebar .container {
    padding: 0 !important; }
  nav.navigator.navbar-sidebar .navbar-header {
    float: none;
    display: block;
    width: 260px;
    padding: 10px 15px;
    margin: 10px 0 0 0 !important; }
  nav.navigator.navbar-sidebar .navbar-collapse {
    padding: 0 !important;
    width: 260px; }
  nav.navigator.navbar-sidebar ul.nav {
    float: none;
    display: block;
    width: 100%;
    padding: 0 15px !important;
    margin: 0 0 30px 0; }
    nav.navigator.navbar-sidebar ul.nav li {
      float: none !important; }
      nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        box-shadow: 0 0 0;
        padding-left: 0;
        float: none;
        margin-bottom: 0; }
        nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
          padding: 5px 15px;
          color: #424242;
          border: none; }
        nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
          padding-left: 15px;
          margin-top: 0; }
      nav.navigator.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.open > a:before {
        content: "\f795"; }
    nav.navigator.navbar-sidebar ul.nav > li > a {
      padding: 10px 15px;
      font-weight: bold; }
    nav.navigator.navbar-sidebar ul.nav > li.dropdown > a:after {
      float: right; }
    nav.navigator.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
      margin-bottom: 15px; }
    nav.navigator.navbar-sidebar ul.nav .megamenu-content .col-menu {
      border: none !important; }
  nav.navigator.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
    padding: 0 !important; }
  nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu {
    display: block;
    float: none !important;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none; }
    nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
      padding: 7px 0;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0;
      margin-bottom: 0;
      cursor: pointer;
      color: #424242; }
    nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
      padding: 0 0 0 15px; }
    nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
      padding: 3px 0 !important; }

nav.navigator .dropdown.megamenu-fw {
  position: static; }
  nav.navigator .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0; }

nav.navigator .megamenu-fw .dropdown-menu {
  left: auto; }

nav.navbar.navigator {
  margin-bottom: 0;
  border-radius: 0;
  background-color: #ffffff;
  border: none;
  z-index: 9;
  padding: 0;
  width: 100%;
  box-shadow: unset;
  min-height: 80px; }
  nav.navbar.navigator ul.nav li.megamenu-fw > a:hover {
    background-color: transparent; }
  nav.navbar.navigator ul.nav li.megamenu-fw > a:focus {
    background-color: transparent; }
  nav.navbar.navigator ul.nav li.active > a {
    background-color: transparent; }
    nav.navbar.navigator ul.nav li.active > a:hover {
      background-color: transparent; }
    nav.navbar.navigator ul.nav li.active > a:focus {
      background-color: transparent; }
  nav.navbar.navigator ul.nav.navigator .nav-item .nav-link {
    text-transform: none;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    font-weight: 400;
    font-size: 1.1rem; }
  nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link {
    text-transform: none;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    font-weight: 400;
    font-size: 1.1rem; }
  nav.navbar.navigator ul.nav > li > a {
    background-color: transparent;
    /* padding: 30px 15px; */
    padding: 25px 10px;
    font-weight: 300; }
  nav.navbar.navigator ul.nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px; }
  nav.navbar.navigator ul.nav ul.dropdown-menu > li > a {
    white-space: normal; }
  nav.navbar.navigator ul.nav.navbar-right .dropdown-menu .dropdown-menu {
    left: -200px; }
  nav.navbar.navigator ul.navbar-right li.dropdown ul.dropdown-menu li a {
    text-align: right; }
  nav.navbar.navigator ul.dropdown-menu.megamenu-content {
    padding: 0 15px !important; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content > li {
      padding: 25px 0 20px; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content.tabbed {
      padding: 0; }
      nav.navbar.navigator ul.dropdown-menu.megamenu-content.tabbed > li {
        padding: 0; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content .col-menu {
      border-left: solid 1px #eee;
      /*
						&:last-child {
							border-right: none;
						}
*/ }
      nav.navbar.navigator ul.dropdown-menu.megamenu-content .col-menu:first-child {
        border-left: none; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
      text-align: left;
      padding: 5px 0;
      display: block;
      width: 100%;
      margin-bottom: 0;
      border-bottom: none;
      color: #424242; }
  nav.navbar.navigator .navbar-toggle {
    background-color: transparent !important;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px; }
  nav.navbar.navigator.navbar-fixed {
    position: fixed; }
    nav.navbar.navigator.navbar-fixed.navbar-transparent .logo-scrolled {
      display: none; }
    nav.navbar.navigator.navbar-fixed.navbar-transparent .logo-display {
      display: block; }
    nav.navbar.navigator.navbar-fixed.no-background .logo-scrolled {
      display: none; }
    nav.navbar.navigator.navbar-fixed.no-background .logo-display {
      display: block; }
    nav.navbar.navigator.navbar-fixed .logo-display {
      display: none; }
    nav.navbar.navigator.navbar-fixed .logo-scrolled {
      display: block; }
  nav.navbar.navigator.no-background {
    transition: all 1s ease-in-out;
    background-color: transparent;
    border-bottom: 0; }
  nav.navbar.navigator.navbar-transparent.light {
    background-color: rgba(255, 255, 255, 0.3); }
  nav.navbar.navigator.navbar-transparent.dark {
    background-color: rgba(0, 0, 0, 0.3); }
  nav.navbar.navigator.menu-center .container {
    position: relative; }
  nav.navbar.navigator.menu-center .navbar-header {
    position: absolute; }
  nav.navbar.navigator.menu-center .attr-nav {
    position: absolute;
    right: 15px; }
  nav.navbar.navigator.menu-center ul.nav.navbar-center {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed; }
  nav.navbar.navigator.navbar-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }
  nav.navbar.navigator > .active > a {
    bottom: -2px;
    position: relative;
    border-bottom: solid 2px #424242; }
  nav.navbar.navigator li.dropdown ul.dropdown-menu {
    padding-top: 2px;
    margin-top: 0;
    min-width: 350px;
    background: #ffffff;
    border-top: solid 8px;
    border-right: solid 1px;
    border-left: solid 1px; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu > li a:hover {
      background-color: transparent; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu > li:last-child > a {
      border-bottom: none; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu {
      top: -3px; }
  nav.navbar.navigator.on ul.dropdown-menu.megamenu-content .content {
    display: block !important;
    height: auto !important; }

nav.navbar.navbar-inverse.navigator.navbar-transparent.dark {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: solid 3px #212121;
  border-left: solid 1px #212121; }

.attr-nav {
  margin-left: 0;
  margin-right: -20px;
  float: right;
  position: relative;
  display: inline-block;
  margin-right: 3.5rem; }
  .attr-nav > ul {
    list-style: none;
    overflow: hidden; }
    .attr-nav > ul > li {
      float: left;
      display: block; }
      .attr-nav > ul > li > a {
        display: block;
        padding: 10px 5px;
        position: relative; }
        .attr-nav > ul > li > a span.badge {
          position: absolute;
          top: 50%;
          margin-top: -15px;
          right: 5px;
          font-size: 10px;
          padding: 0;
          width: 15px;
          height: 15px;
          padding-top: 2px; }
      .attr-nav > ul > li.dropdown ul.dropdown-menu {
        border-radius: 0;
        box-shadow: 0 0 0;
        border: solid 1px #e0e0e0;
        margin-top: 0;
        margin-left: 55px;
        width: 350px;
        left: -350px; }

.top-search {
  padding: 10px 0 10px 0;
  display: none;
  position: sticky;
  top: 0; }
  .top-search .input-group-addon {
    border: none;
    color: rgba(0, 0, 0, 0.75);
    padding-left: 0;
    padding-right: 0;
    background-color: transparent; }
    .top-search .input-group-addon.close-search {
      cursor: pointer; }
  .top-search input.form-control {
    border: none;
    box-shadow: 0 0 0;
    color: #ffffff;
    height: 40px;
    padding: 0 15px;
    background-color: transparent;
    height: 61px; }

body {
  transition: all 0.3s ease-in-out; }
  body.on-side {
    margin-left: -380px; }
    body.on-side .wrap-sticky nav.navbar.navigator.sticked {
      left: -380px; }
  body.wrap-nav-sidebar .wrapper {
    padding-left: 260px;
    overflow-x: hidden; }

.wrap-sticky {
  position: relative;
  transition: all 0.3s ease-in-out; }
  .wrap-sticky nav.navbar.navigator {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }
    .wrap-sticky nav.navbar.navigator.sticked {
      position: fixed;
      transition: all 0.2s ease-in-out; }

.side {
  background-color: #ffffff;
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: -380px;
  width: 380px;
  padding: 25px 30px;
  height: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
  z-index: 9; }
  .side.on {
    right: 0; }
  .side .close-side {
    color: #ffffff;
    position: relative;
    z-index: 2; }
  .side .widget {
    position: relative;
    z-index: 1;
    margin-bottom: 25px; }
    .side .widget .title {
      color: #ffffff;
      margin-bottom: 15px;
      border-left: 3px solid #0d47a1;
      padding-left: 5px; }
    .side .widget .heading {
      text-align: left;
      color: #eee;
      font-size: 18px;
      text-transform: uppercase;
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
    .side .widget ul.link {
      font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding: 0;
      margin: 0;
      list-style: none; }
      .side .widget ul.link li a {
        color: #9e9e9e; }
        .side .widget ul.link li a:focus {
          color: #fafafa;
          text-decoration: none; }
        .side .widget ul.link li a:hover {
          color: #fafafa;
          text-decoration: none; }

@media (min-width: 992px) {
  .dropdown-submenu {
    position: relative; }
    .dropdown-submenu > a::after {
      border-bottom: 0.3em solid transparent;
      border-left-color: inherit;
      border-left-style: solid;
      border-left-width: 0.3em;
      border-top: 0.3em solid transparent;
      content: " ";
      display: block;
      float: right;
      height: 0;
      margin-right: -0.6em;
      margin-top: -0.95em;
      width: 0; }
    .dropdown-submenu.pull-left {
      float: none; }
      .dropdown-submenu.pull-left > .dropdown-menu {
        left: -75%; }
    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: 0; }
    .dropdown-submenu:hover > .dropdown-menu {
      display: block; }
  body.wrap-nav-sidebar .wrapper .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
  nav.navbar.navigator .dropdown-menu {
    transform-origin: unset;
    will-change: unset;
    transition: unset; }
    nav.navbar.navigator .dropdown-menu .dropdown-item {
      padding: .5em 1em .5em 1em; }
    nav.navbar.navigator .dropdown-menu .dropdown-megamenu-item {
      padding-left: .25em;
      list-style: none;
      font-size: .75em; }
    nav.navbar.navigator .dropdown-menu .dropdown-megamenu-item:hover {
      background: #ECEFF1; }
  nav.navbar.navigator .navbar-brand {
    padding: 0.5rem 1rem;
    margin-right: 0; }
  nav.navbar.navigator .dropdown .nav-item {
    padding: 0.5em 1em .5em 1em; }
  nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .dropdown-toggle:after {
    display: none; }
  nav.navbar.navigator ul.nav.navigator .dropdown.megamenu-fw .dropdown-toggle:after {
    display: none; }
  nav.navbar.navigator ul.nav .dropdown-menu .dropdown-menu {
    margin-top: -2px;
    max-height: 350px;
    overflow-y: auto; }
  nav.navbar.navigator li.dropdown ul.dropdown-menu.megamenu-content {
    left: 0; }
  nav.navbar.navigator li.dropdown ul.dropdown-menu > li > a {
    display: inline-flex;
    align-items: center;
    border-bottom: 0;
    text-decoration: none; }
  .nav-item + .nav-item {
    margin-left: 0 !important; }
  .dropdown-menu .divider {
    background-color: #e0e0e0;
    height: 1px;
    margin: 9px 0;
    overflow: hidden; } }

@media (max-width: 992px) {
  nav.navigator.brand-center .navbar-collapse {
    display: block; }
    nav.navigator.brand-center .navbar-collapse .col-half {
      width: 100%;
      float: none;
      display: block; }
      nav.navigator.brand-center .navbar-collapse .col-half.left {
        margin-bottom: 0; }
  nav.navigator.brand-center ul.nav {
    margin-bottom: 0 !important; }
  nav.navigator .megamenu-content {
    padding: 0; }
    nav.navigator .megamenu-content .col-menu {
      padding-bottom: 0; }
    nav.navigator .megamenu-content .title {
      cursor: pointer;
      display: block;
      padding: 10px 15px;
      margin-bottom: 0;
      font-weight: normal; }
  nav.navigator.navbar-full .navbar-brand {
    float: left !important;
    padding-left: 0; }
  nav.navigator.navbar-full .navbar-toggle {
    display: inline-block;
    float: right;
    margin-right: 0;
    margin-top: 10px; }
  nav.navigator.navbar-full .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
  nav.navigator.navbar-full ul.nav {
    margin-left: 0; }
    nav.navigator.navbar-full ul.nav > li > a {
      border: none; }
  nav.navbar.navigator {
    background-color: #2196f3;
    min-height: unset;
    max-height: 48px;
    /*			.dropdown-menu .dropdown-item {
				padding: .5rem;
				max-width: unset;
			}
*/ }
    nav.navbar.navigator .navbar-brand {
      display: inline-block;
      float: none !important;
      margin: 0 !important;
      padding: 0 1rem; }
    nav.navbar.navigator .navbar-header {
      float: none;
      display: block;
      text-align: center;
      padding-left: 30px;
      padding-right: 30px; }
    nav.navbar.navigator .navbar-collapse {
      border: none;
      margin-bottom: 0; }
      nav.navbar.navigator .navbar-collapse.collapse {
        display: none !important; }
        nav.navbar.navigator .navbar-collapse.collapse.in {
          display: block !important; }
        nav.navbar.navigator .navbar-collapse.collapse.show {
          display: block !important; }
    nav.navbar.navigator .navbar-nav {
      padding-top: 5px;
      padding-left: 15px;
      padding-right: 35px;
      flex-direction: row;
      display: flex; }
      nav.navbar.navigator .navbar-nav > li {
        float: none; }
        nav.navbar.navigator .navbar-nav > li > a {
          display: block;
          width: 100%;
          padding: 10px 5px;
          padding-bottom: 15px;
          border-bottom: 0; }
        nav.navbar.navigator .navbar-nav > li:first-child > a {
          border-top: none; }
      nav.navbar.navigator .navbar-nav .nav-item {
        width: 95%;
        line-height: 1rem; }
      nav.navbar.navigator .navbar-nav.open {
        border-bottom: 0px;
        background-image: linear-gradient(#141414, #1c1c1c 40%, #212121);
        background-repeat: no-repeat; }
    nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link {
      min-height: 3rem;
      width: auto;
      font-weight: 400;
      font-size: 1.5rem;
      color: rgba(255, 255, 255, 0.5); }
      nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link:hover {
        color: rgba(255, 255, 255, 0.9); }
      nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link:active nav.navbar.navigator ul.nav.navigator .nav-item .nav-link:hover {
        color: rgba(255, 255, 255, 0.9); }
    nav.navbar.navigator ul.nav.navigator .nav-item .nav-link {
      min-height: 3rem;
      width: auto;
      font-weight: 400;
      font-size: 1.5rem;
      color: rgba(255, 255, 255, 0.5); }
      nav.navbar.navigator ul.nav.navigator .nav-item .nav-link:active {
        color: rgba(255, 255, 255, 0.9); }
    nav.navbar.navigator ul.nav li.dropdown li a.dropdown-toggle {
      position: relative;
      display: inline-flex;
      align-items: center;
      width: 100%; }
    nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu {
      min-width: 350px !important;
      position: relative !important;
      background-color: transparent;
      float: none;
      padding: 0 0 0 15px !important;
      margin: 0 0 -1px 0 !important;
      line-height: 1rem; }
      nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu > li > a {
        width: 100%;
        color: #fafafa !important;
        padding: .5rem 0 .5rem .5rem;
        display: inline-flex;
        align-items: center; }
        nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu > li > a:hover {
          color: #2196f3 !important; }
      nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu > li:last-child > a {
        border-bottom: 0px; }
    nav.navbar.navigator ul.nav ul.dropdown-menu li a:hover {
      background-color: transparent; }
    nav.navbar.navigator ul.nav ul.dropdown-menu li a:focus {
      background-color: transparent; }
    nav.navbar.navigator ul.nav ul.dropdown-menu li.dropdown.open > ul.dropdown-menu {
      line-height: 1; }
    nav.navbar.navigator ul.nav ul.dropdown-menu ul.dropdown-menu {
      float: none !important;
      left: 0;
      padding: 0 0 0 15px;
      position: relative;
      background: transparent;
      width: 100%; }
    nav.navbar.navigator.navbar-mobile .navbar-collapse {
      position: fixed;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      display: block;
      background: #ffffff;
      z-index: 99;
      width: 280px;
      height: 100% !important;
      left: -280px;
      top: 0;
      padding: 0;
      transition: all 0.3s ease-in-out; }
      nav.navbar.navigator.navbar-mobile .navbar-collapse.in {
        left: 0; }
      nav.navbar.navigator.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%; }
    nav.navbar.navigator.navbar-mobile .tab-menu {
      width: 100%;
      display: block; }
    nav.navbar.navigator.navbar-mobile .tab-content {
      width: 100%;
      display: block; }
    nav.navbar.navigator.navbar-mobile ul.nav {
      width: 293px;
      padding-right: 0;
      padding-left: 15px; }
      nav.navbar.navigator.navbar-mobile ul.nav > li > a {
        padding: 15px; }
      nav.navbar.navigator.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important; }
      nav.navbar.navigator.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
        padding-top: 13px !important;
        padding-bottom: 13px !important; }
      nav.navbar.navigator.navbar-mobile ul.nav ul.dropdown-menu > li > a {
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important; }
    nav.navbar.navigator.navbar-fixed .logo-scrolled {
      display: block !important; }
    nav.navbar.navigator.navbar-fixed .logo-display {
      display: none !important; }
    nav.navbar.navigator .navbar-toggler {
      color: rgba(255, 255, 255, 0.5);
      padding-top: .35rem;
      padding-right: .5rem;
      padding-bottom: .5rem;
      border: 0;
      border-color: transparent;
      border-radius: 0; }
      nav.navbar.navigator .navbar-toggler:hover {
        color: rgba(255, 255, 255, 0.9); }
      nav.navbar.navigator .navbar-toggler:focus {
        color: rgba(255, 255, 255, 0.9); }
    nav.navbar.navigator .dropdown-item:focus {
      background-color: rgba(0, 0, 0, 0.5) !important; }
    nav.navbar.navigator .dropdown-item:hover {
      background-color: rgba(0, 0, 0, 0.5) !important; }
    nav.navbar.navigator.no-full .navbar-collapse {
      max-height: 48x;
      overflow-y: hidden; }
    nav.navbar.navigator li.dropdown.nav-item.nav-sub-item {
      font-size: 1rem;
      line-height: 2rem; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu .title {
      padding: 10px 15px 10px 0;
      line-height: 24px;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0;
      margin-bottom: 0;
      cursor: pointer;
      border-bottom: solid 1px #e0e0e0;
      color: #424242; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu:last-child .title {
      border-bottom: none; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
      border-bottom: none; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu .content {
      padding: 0 0 0 15px; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu ul > li > a {
      display: block;
      width: 100%;
      border-bottom: solid 1px #e0e0e0;
      padding: 8px 0; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu.on:last-child .title {
      border-bottom: solid 1px #e0e0e0; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu.open:last-child .title {
      border-bottom: solid 1px #e0e0e0; }
    nav.navbar.navigator.navbar-sidebar .share {
      padding: 30px 15px;
      margin-bottom: 0; }
    nav.navbar.navigator .megamenu-content.tabbed {
      padding-left: 0 !important; }
    nav.navbar.navigator .tabbed > li {
      padding: 25px 0;
      margin-left: -15px !important; }
    nav.navbar.navigator .nav-link:hover {
      background-image: unset;
      background-repeat: unset; }
    nav.navbar.navigator .navbar-default .navbar-nav > li > a {
      color: #fafafa !important; }
      nav.navbar.navigator .navbar-default .navbar-nav > li > a:hover {
        color: #2196f3 !important; }
    nav.navbar.navigator.navbar-transparent.light {
      background-color: rgba(0, 0, 0, 0.4) !important;
      border-bottom: 0; }
  .attr-nav {
    position: absolute;
    right: 2.5rem;
    margin-right: 0;
    overflow: hidden; }
    .attr-nav > ul {
      padding: 0;
      margin: 0 -15px -7px 0; }
      .attr-nav > ul > li > a {
        padding: 16px 15px 15px; }
      .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
        display: none; }
      .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 2px;
        margin-left: 55px;
        width: 350px;
        left: -350px;
        border-top: solid 5px; }
  body > .wrapper {
    overflow-x: hidden;
    transition: all 0.3s ease-in-out; }
  body.side-right > .wrapper {
    margin-left: 280px;
    margin-right: -280px !important; }
  .top-search .container {
    padding: 0 45px; }
  .navbar .nav-link:focus {
    background-image: unset;
    background-repeat: unset; }
  .dropdown-menu .dropdown-item {
    padding: 0; }
  .nav-item + .nav-item {
    margin-left: 0 !important; } }

@media (max-width: 768px) {
  nav.navbar.navigator .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
  nav.navbar.navigator .navbar-nav {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 35px; }
  nav.navbar.navigator.navbar-mobile .navbar-collapse {
    margin-left: 0; }
  nav.navbar.navigator.navbar-mobile.navbar-sidebar .share {
    padding: 30px 15px !important;
    margin-bottom: 0; }
  nav.navbar.navigator.navbar-mobile ul.nav {
    margin-left: -15px;
    border-top: solid 1px #ffffff; }
  nav.navbar.navigator.navbar-sidebar .share {
    padding: 30px 15px !important;
    padding: 30px 0 !important;
    margin-bottom: 0; }
  nav.navigator.navbar-full .navbar-collapse {
    left: 15px; }
  nav.navigator.navbar-full .navbar-header {
    padding-right: 0; }
  nav.navigator.navbar-full .navbar-toggle {
    margin-right: -15px; }
  nav.navigator.navbar-full ul.nav > li > a {
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 5px 10px !important; }
  .attr-nav {
    right: 2.5rem; }
    .attr-nav > ul {
      margin-right: -10px; }
      .attr-nav > ul > li > a {
        padding: 16px 10px 15px;
        padding-left: 0; }
      .attr-nav > ul > li.dropdown ul.dropdown-menu {
        left: -275px; }
  .top-search .container {
    padding: 0 15px; }
  body.side-right > .wrapper {
    margin-left: 280px;
    margin-right: -280px !important; }
  li.close-full-menu {
    padding-top: 15px !important;
    padding-bottom: 15px !important; } }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/modules/_searcher.scss
 #
 # Product/Info:
 # http://jekyll.one
 # https://github.com/christian-fei/Simple-Jekyll-Search
 #
 # Copyright (C) 2020 Juergen Adams
 # Copyright (C) 2015 Christian Fei
 #
 # J1 Template is licensed under the MIT License
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # Simple-Jekyll-Search is licensed under the MIT License.
 # See: https://github.com/christian-fei/Simple-Jekyll-Search/
 # -----------------------------------------------------------------------------
 # NOTE: Provides styles for the J1 Simple-Jekyll-Search
 # -----------------------------------------------------------------------------
*/
#jekyll-search-container {
  list-style: none;
  font-size: 12px;
  background-color: white;
  position: absolute;
  top: 40px;
  left: 20px;
  z-index: -1;
  width: 223px;
  border-left: 1px solid #dedede;
  box-shadow: 2px 3px 2px #dedede; }

#jss-input-sidebar {
  padding: .5em;
  margin-left: 20px;
  margin-right: 20px;
  width: 20em;
  font-size: 0.8em;
  box-sizing: border-box;
  float: right;
  margin-top: 15px; }

#jss-input-index {
  padding: .5em;
  margin-left: 0;
  margin-right: 20px;
  width: 20em;
  font-size: 0.8em;
  box-sizing: border-box;
  float: right;
  margin-top: 15px; }

.top-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5); }

h4.result-item {
  font-size: 1.5rem !important; }

h5.result-item {
  font-size: .875rem !important; }

h4.result-item > a {
  color: #3949AB; }

h4.result-item > a:hover {
  color: #212121;
  text-decoration: none; }

.panel-search {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.panel-search::-webkit-scrollbar {
  width: 0px;
  /* WebKit */ }

.panel-search {
  max-height: 350px;
  width: 98%;
  margin-left: 1.25rem;
  margin-right: 1rem;
  background-color: unset;
  overflow-y: scroll !important; }
  .panel-search p {
    /* font-size: 1.1em; */
    /* margin-left: .5em; */
    /* margin-bottom: 0 !important; */ }
  .panel-search > .panel-heading {
    color: #424242 !important;
    /* background-color: $color_star_dust_approx !important; */
    /* border-color: $black !important; */ }

.panel-search-index {
  margin-left: 0; }

.panel-heading {
  padding: 10px 15px;
  margin-left: 1.5rem;
  font-weight: 400; }

.result-group-item-text {
  /* color: $color_cerulean_blue_approx !important; */
  line-height: 1.25; }

p.result-group-item-text {
  font-size: .875rem;
  margin-bottom: .5rem;
  text-align: justify; }

#jss-results li {
  padding-top: .2rem;
  padding-bottom: .2rem;
  display: inherit; }
  #jss-results li:last-child {
    padding-bottom: 2rem; }
  #jss-results li > a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.5); }
  #jss-results li > a:hover {
    color: rgba(0, 0, 0, 0.9); }

.result-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  line-height: 1; }

.result-group-item p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.75rem;
  line-height: 1.25; }

.panel-body p {
  font-size: 1.1em;
  margin-left: 1.5em;
  margin-bottom: .5rem !important;
  font-weight: 400;
  color: #424242; }

.form-clear-searcher {
  margin: .5rem .5rem 0 .5rem; }

.search-list-item {
  margin-right: 3.5rem; }

/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/modules/_ssm.scss
 #
 # Product/Info:
 # http://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Styles for J1 Sticky Side Menu
 # -----------------------------------------------------------------------------
*/
#ssm-container {
  position: fixed;
  top: 0;
  z-index: 4;
  display: none; }

.ssm-btns-right {
  right: 0; }

.ssm-btns-left {
  left: 0; }

/* jadams, 2020-06-16: */
.ssm-btn {
  background: #212121; }

.ssm-share-btn {
  background: #212121; }

.ssm-sub-menu {
  background: #212121; }

span.ssm-btn-text {
  margin-top: 8px; }

#ssm-container ul {
  padding: 0;
  margin: 0; }

#ssm-container ul li {
  list-style: none;
  line-height: 45px;
  margin: 0; }

#ssm-container ul li a {
  color: #9e9e9e;
  padding: 0 13px 0 0;
  display: inline-flex;
  line-height: 45px;
  text-align: left;
  white-space: nowrap;
  text-decoration: none; }

#ssm-container.ssm-btns-left ul li a {
  text-align: right;
  padding: 0 0 0 15px; }

#ssm-container ul li:hover {
  text-decoration: none;
  background: #d2d4dc; }

#ssm-container .ssm-share-btn {
  position: relative; }

#ssm-container .ssm-share-btn a {
  padding: 0; }

#ssm-container.ssm-btns-left .ssm-share-btn i.ssm-share-icon {
  float: right !important; }

#ssm-container ul li.ssm-share-btn:hover .ssm-sub-menu {
  display: block; }

.ssm-sub-menu {
  position: absolute;
  top: 100%;
  left: 100%;
  margin: 0 0 0 -50px;
  width: 155px;
  display: none; }

#ssm-container.ssm-btns-right .ssm-sub-menu {
  right: -100%;
  margin: 0 0 0 -110px;
  left: 0; }

#ssm-container .ssm-sub-menu a {
  padding: 0 !important;
  text-align: left !important; }

/* Old icon font styles */
/*
#ssm-container ul li span {
    line-height: 45px;
    width: 50px;
    text-align: center;
    display: inline-block;
}

#ssm-container.ssm-btns-left ul li span {
    float: right;
}

#ssm-container .ssm-share-btn span,
#ssm-container.ssm-btns-left .ssm-share-btn span {
    float: none;
}
*/
/*
#ssm-container.ssm-anim-icons ul li {
    transition: transform 100ms;
}

#ssm-container.ssm-anim-icons.ssm-btns-right ul li:hover {
    transform: translate(-15px, 0);
}

#ssm-container.ssm-anim-icons.ssm-btns-left ul li:hover {
    transform: translate(15px, 0);
}
*/
/* jadams, 2020-08-07: media query WRONG on the container class.
Padding on CONTAINER cause irritating paddings on HOME page
TODO: Padding needs to be isolated on SSM (if used)
See: packages\200_template_js\js\sticky-side-menu\ssm.js
-------------------------------------------------------------------------------- */
/* Responsive */
/* jadams, 2020-06-29: media query for SSM (space for ssm)
-------------------------------------------------------------------------------- */
/* Landscape iPad, 768px */
/*
@media only screen and (min-width: 576px) and (max-width: 768px){
  .container, .container-fluid {
    padding-right: 30px !important;
  }
}
*/
/* Small devices (landscape phones, up to 576px) */
/* @media only screen and (max-width: 576px) {
  .container, .container-fluid {
    padding-right: 30px !important;
  }
}
*/
/*
 # -----------------------------------------------------------------------------
 # ~/scss/theme_uno/modules/_totop.scss
 #
 # Product/Info:
 # http://jekyll.one
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE: Styles for J1 Back2Top
 # -----------------------------------------------------------------------------
*/
/*
 ---------------------------------------------------------------------
    NOTE: Styles
            #topcontrol.position,
            #topcontrol.background,
            #topcontrol.content:after,
            #topcontrol.font-family:after
            #topcontrol.background:hover
          set dynamically via  j1_adapter_back_to_top.js
  --------------------------------------------------------------------
*/
#topcontrol {
  color: #fff;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  border-radius: 3px !important; }
  #topcontrol:after {
    top: 0;
    left: 5px;
    position: absolute;
    text-align: center; }
  #topcontrol:hover {
    color: #fff;
    transition: all 0.3s ease-in-out; }