/**
 *
 * CAUTION: This file is auto-generated trough backend and will be overwritten - do not modify this file
 *
 */

/*** CUSTOM STYLES ***/
.btn-black {
  color: var(--btn-black-color);
  background-color: var(--btn-black-bg-color);
}
.btn-black:hover,
.btn-black:active,
.btn-black:focus {
  color: var(--btn-black-color-active);
  background-color: var(--btn-black-bg-color-active);
}
.section-public .highlight-box {
  padding: 0.8em;
  border-radius: var(--box-border-radius);
  border: 3px solid var(--color-primary);
  color: #000;
}
.section-public .highlight-box strong {
  display: block;
}
.banner-other-site {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 1.5rem;
  border-radius: 1rem;
  font-size: 0.9rem;
  background-color: #F4EEE8;
  color: #B58A69;
}
.banner-other-site .banner-logo {
  max-width: 80px;
  margin: 1.5rem 2rem;
}
.banner-other-site .btn {
  margin-top: 0.8rem;
  background-color: #393939;
  color: #ffffff;
  padding: 0.3rem 1rem;
}
.banner-other-site .btn:hover,
.banner-other-site .btn:active,
.banner-other-site .btn:focus {
  color: #ffffff;
  background-color: #535353;
}
.banner-other-site .banner-logo {
  width: 70px;
  margin: 0 1rem 0 0;
}
.avatar-wrapper .avatar-name.color-a {
  background-color: var(--color-primary);
  color: var(--color-for-primary-bg);
}
.section-media-training-videos .container-wrapper {
  background: var(--video-box-training-bg-color-fallback);
  background: var(--video-box-training-bg-color);
}
.section-media-training-videos .container-wrapper .box-headline {
  color: var(--video-box-training-headline-color);
}
.section-media-training-videos .item-file {
  background-color: var(--video-box-training-item-bg-color);
}
.section-media-training-videos .item-file .file-icon-left i {
  background-color: var(--video-box-training-item-left-icon-bg-color);
  color: var(--video-box-training-item-left-icon-color);
}
.section-media-training-videos .item-file .file-icon-left i.locked {
  background-color: var(--video-box-training-item-left-icon-locked-color);
}
.section-media-training-videos .item-file .file-details .file-title {
  color: var(--video-box-training-item-title-color);
}
.section-media-training-videos .item-file .file-details .file-title-sub {
  color: var(--video-box-training-item-title-sub-color);
}
.section-media-training-videos .item-file .file-details .locked {
  color: var(--video-box-training-item-left-icon-locked-color);
}
.section-media-workout-videos .container-wrapper,
.section-week-not-started .container-wrapper {
  background: var(--video-box-workout-bg-color-fallback);
  background: var(--video-box-workout-bg-color);
}
.section-media-workout-videos .container-wrapper .box-headline,
.section-week-not-started .container-wrapper .box-headline {
  color: var(--video-box-workout-headline-color);
}
.section-media-workout-videos .item-file,
.section-week-not-started .item-file {
  background-color: var(--video-box-workout-item-bg-color);
}
.section-media-workout-videos .item-file .file-icon-left i,
.section-week-not-started .item-file .file-icon-left i {
  background-color: var(--video-box-workout-item-left-icon-bg-color);
  color: var(--video-box-workout-item-left-icon-color);
}
.section-media-workout-videos .item-file .file-icon-left i.locked,
.section-week-not-started .item-file .file-icon-left i.locked {
  background-color: var(--video-box-workout-item-left-icon-locked-color);
}
.section-media-workout-videos .item-file .file-details .file-title,
.section-week-not-started .item-file .file-details .file-title {
  color: var(--video-box-workout-item-title-color);
}
.section-media-workout-videos .item-file .file-details .file-title-sub,
.section-week-not-started .item-file .file-details .file-title-sub {
  color: var(--video-box-workout-item-title-sub-color);
}
.section-media-workout-videos .item-file .file-details .locked,
.section-week-not-started .item-file .file-details .locked {
  color: var(--video-box-workout-item-left-icon-locked-color);
}
.bd-callout {
  border: 0;
}
.bd-callout .bd-headline {
  margin-bottom: 0.3rem;
}
.bd-callout .bd-content {
  margin-bottom: 0.3rem;
}
.bd-callout .bd-content:last-child {
  margin-bottom: 0;
}
.bd-callout.bd-callout-primary {
  background-color: var(--bd-callout-primary-bg-color);
  color: var(--bd-callout-primary-color);
}
.bd-callout.bd-callout-success {
  background: var(--bd-callout-success-bg-color-fallback);
  background: var(--bd-callout-success-bg-color);
}
.alert-primary {
  color: var(--alert-box-primary-color);
  background-color: var(--alert-box-primary-bg-color);
  border-color: var(--alert-box-primary-bg-color);
}