@import "./typo.css";
@import "./shared.css";
@import "./header.css";
@import "./nav.css";
@import "./btn.css";
@import "./search.css";
@import "./form.css";
@import "./footer.css";
@import "./home.css";
@import "./content.css";
@import "./tabs.css";
@import "./cta.css";
@import "./badge.css";
@import "./document.css";

/* CKEditor content styles. Keep the Bootstrap table treatment available to
 * tables created before the optional "Tableau Bootstrap" style is applied. */
.text-formatted figure.table {
  overflow-x: auto;
}

.text-formatted table.table,
.text-formatted figure.table > table {
  --bs-table-border-color: rgba(var(--bs-tertiary-rgb), 0.35);
  margin-bottom: 1.5rem;
}

.text-formatted table.table > thead > tr > *,
.text-formatted figure.table > table > thead > tr > * {
  --bs-table-bg-state: rgba(var(--bs-tertiary-rgb), 0.15);
  font-weight: 700;
}

.encadre {
  --bs-bg-opacity: 0.1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity));
  border: 1px solid rgba(var(--bs-tertiary-rgb), 0.25);
  border-radius: var(--bs-border-radius-xl);
  margin-block: 1.5rem;
  padding: 1.5rem;
}

.encadre:last-child {
  margin-bottom: 0;
}

:root {
  /* Runtime heading tokens consumed by the overrides below. */
  --bs-heading-font-family: 'Manrope Light', sans-serif;
  --bs-heading-font-style: normal;
  --bs-heading-font-weight: 400;
  --bs-heading-letter-spacing: -3%;
  --bs-h1-font-size: 60px;
  --bs-h1-line-height: 110%;
  --bs-h2-font-size: 60px;
  --bs-h2-line-height: 120%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--bs-heading-font-family), serif;
  font-style: var(--bs-heading-font-style);
  font-weight: var(--bs-heading-font-weight);
  letter-spacing: var(--bs-heading-letter-spacing);
}

h1 {
  font-size: var(--bs-h1-font-size);
  line-height: var(--bs-h1-line-height);
}

h2 {
  font-size: var(--bs-h2-font-size);
  line-height: var(--bs-h2-line-height);
}

:root {
  --bs-font-sans-serif: 'Manrope', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);

  --avo-primary: #8C3241;
  --avo-body-color: #1B1810;
  --avo-body-color-rgb: rgb(27, 24, 16);
  --avo-body-color-secondary: #747474;
  --avo-secondary: #007BAC;
  --avo-tertiary: #6C9A98;
  --avo-tertiary-rgb: rgb(108, 154, 152);
  --avo-yellow: #F9EBD1;
  --avo-beige: rgb(248,246,242);

  --bs-primary: var(--avo-primary);
  --bs-secondary: var(--avo-secondary);
  --bs-primary-rgb: 140, 50, 65;
  --bs-secondary-rgb: 0, 123, 172;
  --bs-tertiary: var(--avo-tertiary);
  --bs-tertiary-rgb: 108, 154, 152;
  --bs-body-color: var(--avo-body-color);
  --bs-link-color-rgb: var(--avo-body-color-rgb);
  --bs-link-color: var(--avo-body-color);
  --bs-link-hover-color: var(--avo-primary);
  --bs-link-hover-color-rgb: var(--bs-primary-rgb);

  --bs-btn-bg: var(--avo-primary);
  --bs-btn-active-bg: var(--avo-primary);
  --bs-btn-secondary-bg: #007BAC;
  --bs-btn-secondary-border-color: #007BAC;
  --bs-btn-secondary-hover-bg: #005f82;
  --bs-btn-secondary-hover-border-color: #005f82;
  --bs-btn-secondary-active-bg: #004a65;
  --bs-btn-secondary-active-border-color: #004a65;
  --bs-nav-pills-link-active-bg: var(--avo-secondary);

  --bs-border-radius-xl:1.75rem;
}

/*
.rounded-4 {
  border-radius:1.75rem !important;
}
*/

.bg-note {
  background: var(--avo-yellow);
}

.bg-light-red {
  background: #8C324112;
}

.bg-light-green {
  background: #6C9A9812;
}

.bg-primary-alpha {
  --bs-bg-opacity: 0.1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
  border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tertiary-alpha {
  --bs-bg-opacity: 0.1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}

/* Keep tabs dropdown items aligned with the dropdown button color. */
.tabs-dropdown:has(> .tabs-navigation:is(.btn-primary, .bg-primary)) li:hover > .dropdown-item,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-primary, .bg-primary)) .dropdown-item:hover,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-primary, .bg-primary)) .dropdown-item:focus,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-primary, .bg-primary)) .dropdown-item.active,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-primary, .bg-primary)) .dropdown-item:active {
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
}

.tabs-dropdown:has(> .tabs-navigation:is(.btn-secondary, .bg-secondary)) li:hover > .dropdown-item,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-secondary, .bg-secondary)) .dropdown-item:hover,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-secondary, .bg-secondary)) .dropdown-item:focus,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-secondary, .bg-secondary)) .dropdown-item.active,
.tabs-dropdown:has(> .tabs-navigation:is(.btn-secondary, .bg-secondary)) .dropdown-item:active {
  color: var(--bs-white);
  background-color: var(--bs-secondary) !important;
}

.tabs-dropdown:has(> .tabs-navigation.bg-light-green) li:hover > .dropdown-item,
.tabs-dropdown:has(> .tabs-navigation.bg-light-green) .dropdown-item:hover,
.tabs-dropdown:has(> .tabs-navigation.bg-light-green) .dropdown-item:focus,
.tabs-dropdown:has(> .tabs-navigation.bg-light-green) .dropdown-item.active,
.tabs-dropdown:has(> .tabs-navigation.bg-light-green) .dropdown-item:active {
  color: var(--bs-body-color);
  background-color: #6C9A9812 !important;
}

.tabs-dropdown:has(> .tabs-navigation.bg-tertiary) li:hover > .dropdown-item,
.tabs-dropdown:has(> .tabs-navigation.bg-tertiary) .dropdown-item:hover,
.tabs-dropdown:has(> .tabs-navigation.bg-tertiary) .dropdown-item:focus,
.tabs-dropdown:has(> .tabs-navigation.bg-tertiary) .dropdown-item.active,
.tabs-dropdown:has(> .tabs-navigation.bg-tertiary) .dropdown-item:active {
  color: var(--bs-white);
  background-color: var(--bs-tertiary) !important;
}

/* Keep Better Exposed Filters links aligned with their dropdown trigger. */
.bef-links-dropdown__toggle {
  background-color: #6C9A9812 !important;
  border-color: #6C9A9812 !important;
}

.bef-links-dropdown__toggle.bg-tertiary {
  background-color: var(--bs-tertiary) !important;
  border-color: var(--bs-tertiary) !important;
}

.bef-links-dropdown .dropdown-menu > li > a:hover,
.bef-links-dropdown .dropdown-menu > li > a:focus,
.bef-links-dropdown .dropdown-menu > li > a:active {
  color: var(--bs-body-color);
  background-color: #6C9A9812 !important;
}

.bef-links-dropdown .dropdown-menu > li > a.bef-link--selected {
  color: var(--bs-white);
  background-color: var(--bs-tertiary) !important;
}

.text-tertiary {
  color: rgb(var(--bs-tertiary-rgb));
}

.avo-icon-large {
  width: 41px;
  height: 41px;
}

.avo-icon img {
  max-width: 18px;
  max-height: 18px;
}



.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.color-white-50 {
  color: rgba(255, 255, 255, 0.5);
}

.bef-tabs-navigation,
.news-filter-search {
  /*min-height: 76px;*/
  height: 58px;
}