@import "userprofile.css";

:root {
  --color-brlv-orange: #E07F2F;
  --color-brlv-grey: #5681AE;
  --color-brlv-lightgrey: #cedcea;

  --color_blue_dark: var(--color-brlv-grey);
  --color_blue_light: var(--color-brlv-lightgrey);
  --fontDefault: Helvetica, Arial, sans-serif;
  --fontBold: Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--fontDefault);
  font-size: 13px;
  line-height: 23px;
  --accent-color-primary: var(--color-brlv-grey);
  --accent-color-secondary: var(--color-brlv-orange);
  --articlebackground-color: #ffffff;
  --articletext-color: #666666;
  --teaser-content-color: #666666;
  --article-marker-color: var(--color-brlv-orange);
}

.siteheader.applevel {
  background-color: var(--color_blue_dark);

  #header-bar .venuelogo img {
    width: 182px;
  }
}

/* SEARCH and BURGER menu */
.burger:before {
  content: url(../Images/Navibar_divider_monochrome.svg);
}

#event-nav .search {
  &:before {
    content: url(../Images/Navibar_divider_monochrome.svg);
  }
}

.siteheader.applevel .burger {
  background: var(--color_blue_dark);

  &:before {
    content: url(../Images/Navibar_divider.svg);
  }
}

/* Typography */

.ce-bodytext {
  font-size: inherit;
  line-height: inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--accent-color-primary);
  margin-bottom: 1rem;
}

#event-nav .eventsignature span.fulltitle {
  font-weight: bold;
  font-size: 15px;
}

.appmenu ul.menu.level-0 li a:hover {
  color: var(--accent-color-secondary);
}

.startteaser .teaser .textcontainer {
  padding: 0;
}

.siteheader .mobilesignature a, .siteheader .mobilesignature img {
  padding: 0 15px;
}

/* Forms */

.pagelayout-login #personaldata_form button.btn-primary,
.collapsebox.expanded *,
button.workingbutton:not(.btn-default),
.ctype-listtype-bbbevents_openeventslist h5.active,
.ctype-listtype-bbbevents_userprofile h5.active,
.eventlist .event.active * {
  color: var(--accent-color-primary) !important;
}

/* Responsive stuff */

@media (min-width: 1200px) {
  .startteaser .teaser-hero h3 {
    font-size: 43px;
    line-height: 81px;
  }
}

@media (min-width: 992px) {
  .pagelayout-coverpage main {
    padding-top: 75px;
  }

  .siteheader.applevel #app-nav div.wrapper.level-1 {
    top: 99px;
  }

  #app-nav div.wrapper.level-1 {
    top: 89px;
    background-color: var(--color_blue_dark);
  }
}