/*
  THIS CSS FILE IS FOR ADMIN STYLING
*/

#user-manual .components .component {
  margin-bottom: 1em;
}

#user-manual .components .component.c-media .c-media__video {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

#user-manual .components .component.c-media iframe {
  height: 100%;
  width: 100%;
  position: absolute;
}

#user-manual .components .component.c-side-by-side {

}

#user-manual .components .component.c-side-by-side .row {
  display: flex;
  align-items: center;
}

#user-manual .components .component.c-side-by-side .c-side-by-side__text,
#user-manual .components .component.c-side-by-side .c-side-by-side__image {
  flex: 1;
}

.redactor-styles .c-rich-text__red {
  color: #df342b;
}

.redactor-styles .c-rich-text__orange {
  color: #f3502d;
}

.redactor-styles .c-rich-text__green {
  color: #3f652d;
}

.redactor-styles .c-rich-text__blue {
  color: #5abae6;
}

.redactor-styles .c-rich-text--bigger-text {
  font-size: 120%;
}