/*
 * FAQ Manager shared/base layer.
 */

:root {
  --color-mainColor: #ec1c24;
  --color-bodyBlack: #000000;
  --faq-body-bg: #f5faf9;
  --faq-body-text: #000000;
  --faq-accent-dark: #d60000;
  --font-family-body: "Raleway", system-ui, -apple-system, sans-serif;
  --font-family-title: "centurygothic", system-ui, -apple-system, sans-serif;
  --font-family-title-bold: "centurygothicbold", system-ui, -apple-system, sans-serif;
  --font-body: var(--font-family-body);
  --font-title: var(--font-family-title);
  --font-title_bold: var(--font-family-title-bold);
}

.container-custom {
  width: min(100% - 2rem, 1280px);
  margin-inline: auto;
}

.font-body {
  font-family: var(--font-body);
}
.font-title {
  font-family: var(--font-title);
}
.font-title_bold {
  font-family: var(--font-title_bold);
}

.bg-mainColor {
  background-color: var(--color-mainColor);
}

.bg-mainColor_dark {
  background-color: var(--faq-accent-dark);
}

.bg-bodyBG {
  background-color: var(--faq-body-bg);
}

.text-mainColor {
  color: var(--color-mainColor);
}

.border-mainColor {
  border-color: var(--color-mainColor);
}

.hover\:text-mainColor:hover {
  color: var(--color-mainColor);
}

.hover\:bg-mainColor_dark:hover {
  background-color: var(--faq-accent-dark);
}

.focus\:border-mainColor:focus {
  border-color: var(--color-mainColor);
}

.faq-manager-page .pointer-events-none {
  pointer-events: none !important;
}

.-translate-x-full {
  transform: translateX(-100%) !important;
}

.underline {
  text-decoration: underline;
}

img {
  max-width: 100%;
  /*height: auto;*/
}

.faq-manager-icon-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-mainColor);
}

.faq-manager-icon-image {
  object-fit: contain;
  object-position: center;
}

.faq-manager-icon-placeholder {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.9);
}

.faq-manager-breadcrumb-sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-mainColor);
}