body #root .breadcrumb {
  background: #ededed;
  padding: 8px 16px; }
  body #root .breadcrumb > li.active,
  body #root .breadcrumb > li > a,
  body #root .breadcrumb > li > span {
    color: #333;
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap; }
  body #root .breadcrumb > li > a:hover,
  body #root .breadcrumb > li > .divider {
    color: var(--color-primary); }
  body #root .breadcrumb > li > a:hover {
    text-decoration: underline; }

.navigation-container {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .navigation-container .main-navigation {
    border-color: #dadada !important;
    margin-top: 16px; }
    .navigation-container .main-navigation li {
      box-sizing: border-box;
      height: 40px; }
    .navigation-container .main-navigation svg {
      height: 26px;
      width: 26px; }
  .navigation-container .navigation-heading {
    flex-direction: column;
    margin: 8px 0;
    transition: all .2s; }
    .navigation-container .navigation-heading:hover {
      transform: scale(1.1); }
    .navigation-container .navigation-heading .user-navigation-avatar {
      margin-right: 0; }
      .navigation-container .navigation-heading .user-navigation-avatar img,
      .navigation-container .navigation-heading .user-navigation-avatar svg {
        height: 50px;
        width: 50px; }
    .navigation-container .navigation-heading .fa {
      display: none; }
    .navigation-container .navigation-heading .user-navigation-username {
      margin-left: 2px;
      margin-top: 4px; }
      .navigation-container .navigation-heading .user-navigation-username .greeting {
        display: none; }
      .navigation-container .navigation-heading .user-navigation-username strong {
        text-transform: none; }
  .navigation-container .admin-link {
    align-items: center;
    font-size: 1.2rem;
    justify-content: center; }
    .navigation-container .admin-link .admin {
      height: 18px;
      width: 18px; }
    .navigation-container .admin-link .admin-link-text {
      font-size: 1rem;
      margin-left: 2px; }

body #root .box-community .community > header > h3,
body #root .box-community .community > h3 {
  font-size: 1.6em; }

body #root .box-community .community:last-child {
  margin-bottom: 32px; }

body #root .box-community .userprofiles {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
  width: calc(100% + 16px); }
  body #root .box-community .userprofiles .profile {
    background: #fff;
    border: 0;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
    transition: all .2s; }
    body #root .box-community .userprofiles .profile:hover {
      background: #f5f5f5;
      transform: scale(1.03); }
    body #root .box-community .userprofiles .profile > a:first-child {
      padding: 16px; }
      body #root .box-community .userprofiles .profile > a:first-child > div {
        margin-left: 16px; }
    body #root .box-community .userprofiles .profile dl {
      border: 0;
      border-radius: 0;
      padding: 0; }
    body #root .box-community .userprofiles .profile:not(.profile-picture-view) {
      margin: 8px !important;
      max-width: 340px; }
      body #root .box-community .userprofiles .profile:not(.profile-picture-view) .username {
        background: none;
        color: #555;
        margin-bottom: 8px;
        padding: 0;
        text-align: left; }
      body #root .box-community .userprofiles .profile:not(.profile-picture-view) .avatar-shape {
        align-self: flex-start; }
  body #root .box-community .userprofiles .profile-picture-view {
    margin: 8px !important;
    max-width: 170px; }
    body #root .box-community .userprofiles .profile-picture-view .username {
      background: none;
      color: #555;
      font-size: 1.2em;
      font-weight: bold;
      margin-top: 8px;
      padding: 0;
      text-align: center; }

body #root .box-community .pages {
  margin-top: 16px; }

body #root .profile-stats ul .profile-stats-stat {
  background: #ededed;
  color: #555; }

body #root .profile-stats .profile-stats-param,
body #root .profile-stats .profile-stats-param p {
  color: #555; }

body #root .user-profile .profile-user {
  display: flex;
  flex-direction: column; }
  body #root .user-profile .profile-user .username {
    background: none;
    color: #555; }
  body #root .user-profile .profile-user .avatar-shape {
    margin-left: auto;
    margin-right: auto;
    max-width: 150px; }
  body #root .user-profile .profile-user .user-role {
    text-align: center; }

body #root .inbox {
  align-items: flex-start;
  display: flex;
  flex-direction: column; }
  body #root .inbox .breadcrumb {
    box-sizing: border-box;
    width: 100%; }
  body #root .inbox .box_content {
    border: 0;
    padding: 0 !important;
    width: 100%; }
  body #root .inbox header {
    border: 0;
    margin: 0 0 16px;
    padding: 0;
    width: 100%; }
  body #root .inbox .tabs:first-child .new {
    background: none;
    border: 0;
    border-radius: 0; }
    body #root .inbox .tabs:first-child .new a {
      align-items: center;
      background: var(--color-primary);
      border-radius: var(--button-border-radius);
      display: inline-flex;
      font-size: 1.4rem !important;
      font-weight: normal;
      justify-content: center;
      line-height: 2rem;
      padding: 7px 16px !important;
      text-transform: none; }
      body #root .inbox .tabs:first-child .new a:hover, body #root .inbox .tabs:first-child .new a:focus {
        background-image: linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.25) 100%);
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.25) 100%); }
  body #root .inbox .tabs:not(:first-child) {
    margin-bottom: 16px; }
    body #root .inbox .tabs:not(:first-child) li {
      background: none;
      border: 0;
      display: inline-flex; }
      body #root .inbox .tabs:not(:first-child) li:not(:first-child) {
        margin-left: 16px; }
      body #root .inbox .tabs:not(:first-child) li a {
        background: none;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        color: #6a6a6a;
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 8px;
        text-transform: none; }
      body #root .inbox .tabs:not(:first-child) li.selected a,
      body #root .inbox .tabs:not(:first-child) li a:hover {
        color: var(--color-primary);
        text-decoration: none; }
      body #root .inbox .tabs:not(:first-child) li.selected a {
        border-bottom-color: var(--color-primary); }
  body #root .inbox .messages .btn:not(:first-child) {
    margin-left: 8px; }

body #root .view_message .btn-primary {
  align-items: center;
  background: var(--color-primary);
  box-sizing: border-box;
  display: inline-flex;
  font-size: 1.4rem !important;
  font-weight: normal;
  height: 36px;
  justify-content: center;
  line-height: 2rem;
  padding: 7px 16px !important;
  text-transform: none; }
  body #root .view_message .btn-primary:hover, body #root .view_message .btn-primary:focus {
    background-image: linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.25) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.25) 100%); }
  body #root .view_message .btn-primary:first-child {
    border-radius: var(--button-border-radius) 0 0 var(--button-border-radius); }
  body #root .view_message .btn-primary:nth-child(2) {
    border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
    padding-left: 12px !important;
    padding-right: 12px !important; }
  body #root .view_message .btn-primary .caret {
    margin: 0; }

.qs-overview .box_content .qs-list > li {
  padding: 0;
  width: 100%; }
  .qs-overview .box_content .qs-list > li > a {
    box-sizing: border-box;
    min-height: 150px;
    padding: 16px; }
    .qs-overview .box_content .qs-list > li > a > figure {
      height: 100%;
      min-height: 150px; }

.webshop .shop_items .shopitem {
  background: #fff;
  border-radius: var(--main-border-radius);
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all .2s; }
  .webshop .shop_items .shopitem:hover {
    background: #f5f5f5;
    transform: scale(1.03); }
  .webshop .shop_items .shopitem figure {
    background: transparent;
    border: 0;
    width: 100%; }
  .webshop .shop_items .shopitem h1 {
    background: transparent;
    color: #555;
    height: auto; }
  .webshop .shop_items .shopitem .shopprice {
    background: transparent;
    color: #333;
    margin-top: 8px;
    padding-bottom: 8px; }

.webshop .shopcategories li {
  background: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-transform: none; }
  .webshop .shopcategories li:hover {
    background: none; }
  .webshop .shopcategories li:not(:first-child) {
    margin-left: 16px; }
  .webshop .shopcategories li a {
    color: #6a6a6a;
    font-size: 14px;
    padding: 0 0 8px; }
  .webshop .shopcategories li:hover a,
  .webshop .shopcategories li.current a {
    background: none;
    color: var(--color-primary);
    text-decoration: none; }
  .webshop .shopcategories li.current {
    background: none;
    border-bottom-color: var(--color-primary); }

.webshop-item article .shopitembody > .redactor-content {
  border: 0;
  padding: 0; }

.webshop-item article .shopitembody .shopaction .shopprice {
  background: #ededed;
  color: #555;
  padding-top: 6px; }

body #root .widget-user-statistics #user-statistics {
  border: 0;
  padding: 0; }
  body #root .widget-user-statistics #user-statistics .user-stat {
    background: #ededed; }
    body #root .widget-user-statistics #user-statistics .user-stat p,
    body #root .widget-user-statistics #user-statistics .user-stat h4 {
      color: #555; }

body #root .widget-forum-stats dl {
  background: #ededed; }

body #root .widget-forum-stats dt,
body #root .widget-forum-stats dd {
  color: #555; }

body #root .widget-community-newest-members .author {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 8px; }

body #root .widget-community-newest-members .avatar {
  display: inline-flex;
  margin-bottom: 8px;
  max-width: 70px; }

body #root .widget-community-newest-members #community-newest-members .username {
  background: none;
  color: #555;
  padding: 0; }

body #root .widget-site-activity-overview .siteactivity {
  margin-top: 0; }

@media (min-width: 992px) {
  #carousel #texts-visible ul#texts-container li.text-holder p {
    line-height: 1.5; } }

.redactor-content,
.redactor-content p,
.forum-post-content,
.forum-post-content p {
  font-size: 1.3rem;
  line-height: 1.5; }

div#main .box > h3,
section.siteactivity header h3,
#sidebar div h2,
.uploadsmodule h3,
#wrapper-top .widget h2:not(.ignore-legacy),
#wrapper-bottom .widget h2:not(.ignore-legacy),
#main-top .widget h2:not(.ignore-legacy),
#main-bottom .widget h2:not(.ignore-legacy) {
  letter-spacing: .3px;
  line-height: 1.8;
  padding-top: 0;
  text-transform: none; }

#wrapper-bottom .widget h2:not(.ignore-legacy) {
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 2px;
  margin-bottom: 20px;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  width: auto; }

#sidebar div h2:not(.ignore-legacy) {
  border-left: 0;
  padding-left: 20px; }

body #root > header,
body #root #header_wrapper {
  height: 150px;
  margin-bottom: 0; }

body #root #wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
  padding-top: 32px; }

body #root > #innerbody {
  margin-top: 0; }
  @media (min-width: 1200px) {
    body #root > #innerbody {
      padding-left: 64px;
      padding-right: 64px; } }

body #root #main-top {
  display: flex;
  flex-direction: column; }

body #root #main {
  background: none;
  flex-grow: 1;
  padding: 0; }
  body #root #main .widget,
  body #root #main .box,
  body #root #main .custom-element {
    background: #fff;
    border-radius: var(--main-border-radius);
    box-sizing: border-box;
    padding: 20px; }
  body #root #main .widget,
  body #root #main .custom-element {
    margin-bottom: 20px;
    margin-top: 0; }
  body #root #main .box {
    margin-bottom: 20px;
    position: relative; }

body #root #wrapper-top,
body #root #wrapper-bottom {
  background: none;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%; }
  body #root #wrapper-top .widget,
  body #root #wrapper-top .custom-element,
  body #root #wrapper-bottom .widget,
  body #root #wrapper-bottom .custom-element {
    background: #fff;
    border-radius: var(--main-border-radius);
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 20px;
    width: 100%; }

body #root #innerbody #sidebar {
  margin-left: 20px;
  max-width: 300px; }

body #root > header h1 {
  align-items: center;
  display: inline-flex;
  height: 150px;
  justify-content: var(--image-logo-position);
  margin: 0 10px;
  width: 100%; }
  body #root > header h1 a {
    margin: 0;
    width: 200px; }

body #root .admincontrols > a {
  align-items: center;
  color: #bbb;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px; }
  body #root .admincontrols > a .icon-wrench {
    background: none;
    font-family: FontAwesome;
    font-style: normal;
    transition: transform .3s; }
    body #root .admincontrols > a .icon-wrench:before {
      content: '\f0ad'; }
  body #root .admincontrols > a:hover {
    color: var(--color-primary); }
    body #root .admincontrols > a:hover .icon-wrench {
      transform: scale(1.15); }

body > footer {
  margin-top: 32px; }

.weblog:not(.archive) .box_content article header div.author .avatar,
.forum.posts .box_content > .forum-start-post > header .avatar {
  height: 60px;
  width: 60px; }

.weblog:not(.archive) .box_content article header h1,
.challenge .challenge-header h1,
.challenge .submissions header,
.addidea .add-idea-header h1,
.idea .idea-header h1,
.topics-overview .box_content > .header > h1,
.forum.posts .box_content > .header > h1,
.forum .box_content > .header > h2,
.webshop-item article .shopitembody > h1,
.box-community .community > header > h3, .box-community .community > h3
.box-community .community > header > h3, .box-community .community > p {
  background: none;
  border: 0;
  color: #555;
  font-size: 2em;
  margin-bottom: 16px;
  padding: 0; }

.qs-overview .box_content .qs-list > li,
.challenges > ul li.challenge {
  border: 0;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
  margin-top: 16px;
  transition: all .2s; }
  .qs-overview .box_content .qs-list > li:hover,
  .challenges > ul li.challenge:hover {
    background-color: #f5f5f5;
    border: 0 !important;
    transform: scale(1.02); }

.qs-overview .box_content .qs-list > li > a > h1,
.challenges-overview .challenge h1,
.challenges > ul li.challenge:hover h1 {
  color: #555; }

.challenge .challenge-sub-header,
.addidea .idea-sub-header,
.idea .idea-sub-header,
.topics-overview .box_content .header .description,
.forum.posts .box_content > .forum-start-post > header {
  border: 0;
  padding: 0; }

body .navigation-container .admin-link .admin-link-text {
  font-size: calc(1rem + 3px); }