/*! Place your custom styles here */

/* color scheme */
.icon {
  color: #28a745;
}

.menu-horizontal > li > a:hover,
.menu-horizontal > li > span:hover,
.menu-horizontal > li > .modal-instance > .modal-trigger:hover {
  color: #28a745;
}
.active {
  color: #28a745 !important;
  opacity: 1 !important;
}

.btn--primary, .btn--primary:visited {
  background: #28a745;
  border-color: #28a444;
}
.btn--primary:hover {
  background: #28a444;
}
.btn--primary:active {
  background: #28a444;
}

a {
  color: #28a444;
  font-weight: 700;
}
a:hover {
  color: #28a444;
  text-decoration: underline;
}

/*hr {
  border-color: #28a745;
}*/

/* custom changes */
.bar .logo {
  max-height: 6em;
  max-width: none;
}

.bar-container {
  min-height: 0 !important;
}

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

.my-prices {
  display: contents;
}

.bar.bar--sm {
  padding: 1.85714286em 0
}

.my-bar {
  margin-top: 2%;
}

.my-bar li {
  font-size: 1.3em;
}

.image-margin-top {
  margin-top: 15%;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.padding-top-xl {
  padding-top: 7em !important;
}

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

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

.padding-bottom-s {
  padding-bottom: 1.5em;
}

.no-margin-bottom {
  margin-bottom: 0em;
}

.hover-element:hover .hover-element__reveal,
.hover-element.hover--active .hover-element__reveal {
  opacity: 0.6;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger,
.bar-1 .menu-horizontal > li > a {
  font-size: 1em;
}

.subheader {
  padding-top: 3em;
  padding-bottom: 3em;
}


footer .logo {
  max-height: 3.5em;
}

.cover .typed-headline {
  margin-bottom: 0em;
}


/* mobile css */
@media all and (max-width: 767px) {
  .image-margin-top {
    margin-top: 0%;
  }
  .subheader {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .bar .logo {
    max-height: 3.5em;
    max-width: none;
  }

.image-padding-bottom {
    padding-bottom: 1.5em;
  }

  .top-padding-mobile {
    padding-top: 0;
  }

  h1,
  .h1 {
    font-size: 2em;
    line-height: 1.36363636em;
  }

  .lead {
    font-size: 1.1em;
    line-height: 1.36842105em;
  }

  .boxed.boxed--lg {
    padding: 1.23809524em;
  }

  .padding-top-xs {
    padding-top: 1em;
  }
}
@media all and (min-width: 760px) and (max-width: 1025px) {
  nav.bar.bar--sm {
    padding-top: 0em
  }

  .bar.bar--sm {
    padding-bottom: 1.5em
  }

}