@charset "UTF-8";
/*
Theme Name: Kårservice: Örat
Template: ucs-karservice
Author: UCS Mindbite
Author URI: https://ucsmindbite.se
Version: 1.0
 */
.navbar {
  border-top-color: #08B3BF;
}

.navbar__menu-wrapper {
  border-top-color: #08B3BF;
}

.navbar__branding {
  width: 63px;
  height: auto;
}
@media all and (min-width: 1024px) {
  .navbar__branding {
    width: 84px;
  }
}

.navbar__translate-link:hover {
  color: #08B3BF;
}
.navbar__translate-link::after {
  color: #08B3BF;
}

.navbar__menu .menu-item:hover > a {
  color: #08B3BF;
}

.navbar__menu .menu-item > a::after,
.navbar__menu .current-menu-item > a::after {
  background: #08B3BF;
}

.navbar__menu .sub-menu .menu-item a {
  background: #08B3BF;
}
@media all and (pointer: fine) {
  .navbar__menu .sub-menu .menu-item a:hover {
    background: #079ca7;
  }
}

.menu-open .navbar__blocker {
  background: #022527;
}

body {
  color: #231F20;
}

.theme-turqouise {
  background: #08B3BF;
}

.theme-teal {
  background: #034A59;
}

.theme-blue {
  background: #0090BC;
}

.theme-green {
  background: #54AF32;
}

.theme-gradient-blue {
  background: transparent linear-gradient(123deg, #0090BC 0%, #034A59 100%) 0% 0% no-repeat padding-box;
}

.theme-gradient-green {
  background: transparent linear-gradient(309deg, #034A59 0%, #DDEAD8 100%) 0% 0% no-repeat padding-box;
}

.button--primary,
.blurb__container .button {
  background: #034A59;
  color: #fff;
}
.button--primary:hover,
.blurb__container .button:hover {
  background: #023540;
}

.button--white,
.blurb__container.theme-teal .button {
  background: #fff;
  color: #231F20;
}
.button--white:hover,
.blurb__container.theme-teal .button:hover {
  background: #ededed;
}

.site-footer {
  background: transparent linear-gradient(90deg, #0090BC 0%, #54AF32 100%) 0% 0% no-repeat padding-box;
}

.heading--line::before {
  background: #08B3BF;
}

.front-page-intro__image::before {
  background: #034A59;
}

.hero::after,
.page-header--bkg::after {
  background-image: url("assets/img/hero-illustration-orat-min.svg");
  background-size: auto 100%;
  background-position: 66vw top;
  width: 100%;
  height: 100vw;
  max-height: 480px;
  opacity: 0.7;
}
@media all and (min-width: 480px) {
  .hero::after,
.page-header--bkg::after {
    background-position: calc(100% - 9rem) top;
  }
}
@media all and (min-width: 768px) {
  .hero::after,
.page-header--bkg::after {
    background-position: right top;
  }
}
@media all and (min-width: 1366px) {
  .hero::after,
.page-header--bkg::after {
    height: 40rem;
    max-height: 40rem;
  }
}

.layout-event {
  color: #fff;
  background: transparent linear-gradient(123deg, #0090BC 0%, #034A59 100%) 0% 0% no-repeat padding-box;
}

.event__filter-label::before {
  background: rgba(0, 0, 0, 0.25);
}

.event__filter-checkbox:checked + .event__filter-label::before,
.event__filter-toggle--active::before {
  background: #54AF32;
}

.event-card__date {
  color: #fff;
  background: #00242C;
}

.event__button {
  color: #fff;
  background: #00242C;
}
.event__button:hover {
  background: #000;
}

/*# sourceMappingURL=style.css.map */