/**
 * WYSIWYG styles (basic_html / full_html Styles dropdown) shared by all front
 * themes, also loaded in CKEditor (wdd_common_ckeditor_css_alter).
 */

/*
 * Buttons. Look copied from the EEN events page (een .btn / .filterZone
 * .btn.bordered). `a.` prefix + !important on colors so the themes' body link
 * rules can't win.
 */
a.wysiwyg-btn {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 15px 40px;
  border: 1px solid #2C33B4;
  border-radius: 30px;
  background-color: #2C33B4;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  transition: ease-out 0.3s;
}
a.wysiwyg-btn:hover, a.wysiwyg-btn:focus {
  background-color: #2C33B4;
  color: #fff !important;
}
a.wysiwyg-btn.wysiwyg-btn--outline {
  background-color: transparent;
  color: #2C33B4 !important;
}
a.wysiwyg-btn.wysiwyg-btn--outline:hover, a.wysiwyg-btn.wysiwyg-btn--outline:focus {
  background-color: #2C33B4;
  color: #fff !important;
}

/*
 * Text styles. Defaults for themes that don't define them (een, eufood); the
 * themes' own, more specific rules still win (eu2japan green text_red,
 * .i18n-ja 14px text_small, eujapan blue text-red...).
 * `body span.` + !important to beat een's `.l-wysiwyg span { font-size: inherit !important }`.
 */
body span.text_small {
  font-size: 11px !important;
}
body span.text_red {
  color: #F31A1A !important;
}
.text-blue {
  color: #2C33B4;
}
.text-red {
  color: #F31A1A;
}