/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0
*/
:root {
  --site-max-width: 3840px;
  --site-gutter: 2rem;
  /* Couleurs */
  --bs-primary: #7e7517;
  --brand-primary: #7e7517;
  --brand-primary-rgb: 126, 117, 23;
  /* pour les box-shadow en rgba() */
  --brand-secondary: #a8a26f;
  --brand-secondary-rgb: 168, 162, 111;
  /* pour les box-shadow en rgba() */
  --global-palette-btn-bg: #7e7517;
  --global-palette-highlight: #7e7517;
  --brand-dark: #1f1f1f;
  --brand-grey: #777777;
  --brand-light: #f8f8f8;
  --brand-white: #ffffff;
  --paper: #f6f4ee;
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: 217, 30, 46;
  /* Espacements */
  --section-padding: 5rem;
  --container-width: 1200px;
  /* Rayons */
  --radius: 1rem;
  --radius-sm: .5rem;
  /* Ombres */
  --shadow-sm: 0 .125rem .5rem rgba(0, 0, 0, .08);
  --shadow: 0 .5rem 1rem rgba(0, 0, 0, .12);
  /* Transition */
  --transition: .25s ease;
  --global-palette-btn-bg: var(--brand-secondary);
  --bs-link-color-rgb: var(--brand-secondary);
  --bs-link-opacity: 1;
  --global-palette-btn-bg-hover: #958f60;
  --serif: "Playfair Display", serif;
  --bs-body-font-size: 1.1rem;
}

:is(h1, h2, h3, h4, h5, h6),
:is(h1, h2, h3, h4, h5, h6) * {
  text-wrap: pretty;
}

.mark,
mark {
  padding: 0 !important;
}

h2 {
  --wp--preset--font-size--medium: 1.5rem;
}

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

.line-before,
.line-after {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.cursor-pointer {
  cursor: pointer;
}

.brand-secondary {
  color: var(--brand-secondary);
}


.line-before::before,
.line-after::after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: var(--brand-secondary);
  flex-shrink: 0;
  transform: translateY(0.08em);
}

.line-before.green::before,
.line-after.green::after {
  background-color: #006e79;
}



.clickable-card {
  /* suppose que le lien est la classe card-link */
  cursor: pointer;
}

.elevate-on-hover {
  transition: transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.elevate-on-hover img {
  transition: transform .2s ease;
}

.elevate-on-hover:hover {
  transform: translateY(-3px);
  border-color: var(--gold);
  box-shadow: 0 14px 30px -22px rgba(32, 31, 26, .45);
}


.elevate-on-hover:hover img {
  transform: scale(1.05);
}

.underline-on-hover {
  text-decoration: none !important;
}

.underline-on-hover:hover,
.underline-on-hover:focus-visible {
  text-decoration: underline !important;
}

.overlay-link {
  position: absolute;
  inset: 0;
  z-index: 10;
}


.kb-button.kb-btn-global-outline:hover {
  background-color: var(--brand-secondary) !important;
  color: white !important;
  border-color: var(--brand-secondary) !important;
}

.hero-compact .kt-inside-inner-col {
  min-height: 270px;
}

.hero>.kt-inside-inner-col:before {
  filter: grayscale(100%) !important;
}

.wp-block-kadence-column.hero .kb-row-layout-wrap {
  align-items: center;
  display: flex;
}

.rank-math-breadcrumb {
  font-size: .875rem;
  color: #6c757d;
}

.rank-math-breadcrumb p {
  margin: 0;
}

.rank-math-breadcrumb a {
  color: var(--brand-secondary);
  text-decoration: none;
}

.rank-math-breadcrumb a:hover {
  text-decoration: underline;
}

.fortium-table td,
.fortium-table th {
  vertical-align: top;
}

.fortium-table tr:first-child th {
  border-bottom: 2px solid var(--global-palette15);
  font-family: var(--serif);
}

.fortium-table tbody tr th,
.fortium-table tbody tr td {
  border-bottom: 1px solid var(--global-palette1);
}

/* =========================================================
   FORTIUM — FORMULAIRES
   Par défaut : fond clair
   Ajouter .inverse sur .fortium-contact-form pour fond foncé
   ========================================================= */

.fortium-contact-form {
  width: 100%;
  color: #212529;
}


/* ---------------------------------------------------------
   LAYOUT
   --------------------------------------------------------- */

.fortium-form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px 15px;
  margin-bottom: 15px;
}

.fortium-form-row--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fortium-form-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}


/* ---------------------------------------------------------
   LABELS
   --------------------------------------------------------- */

.fortium-contact-form label,
.fortium-form-domains legend {
  font-size: 13px;
  line-height: 1.4;
}


/* ---------------------------------------------------------
   CHAMPS
   --------------------------------------------------------- */

.fortium-contact-form input[type="text"],
.fortium-contact-form input[type="email"],
.fortium-contact-form input[type="tel"],
.fortium-contact-form select,
.fortium-contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .20);
  background: rgba(0, 0, 0, .02);
  color: inherit;
  border-radius: 0;
  padding: 10px 12px;
}

.fortium-contact-form input[type="text"],
.fortium-contact-form input[type="email"],
.fortium-contact-form input[type="tel"],
.fortium-contact-form select {
  height: 40px;
}

.fortium-contact-form textarea {
  min-height: 90px;
  resize: vertical;
}


.fortium-form-required,
.wpcf7-response-output,
.fortium-form-privacy {
  font-size: 0.8rem;
}

/* ---------------------------------------------------------
   DOMAINES / CHECKBOXES
   --------------------------------------------------------- */

.fortium-form-domains {
  border: 0;
  margin: 0 0 22px;
  padding: 0;
}


/* ---------------------------------------------------------
   VERSION SUR FOND FONCÉ
   --------------------------------------------------------- */

.form-inverse .fortium-contact-form {
  color: white;
}

.form-inverse .fortium-contact-form input[type="text"],
.form-inverse .fortium-contact-form input[type="email"],
.form-inverse .fortium-contact-form input[type="tel"],
.form-inverse .fortium-contact-form select,
.form-inverse .fortium-contact-form textarea {
  border-color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .04);
  color: inherit;
}

.form-inverse .wpcf7-response-output {
  color: white;

}



.fortium-form-domains legend {
  margin-bottom: 10px;
}

.fortium-form-checkboxes .wpcf7-form-control {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.fortium-form-checkboxes .wpcf7-list-item {
  margin: 0;
}

.fortium-form-checkboxes .wpcf7-list-item label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.fortium-form-checkboxes input[type="checkbox"] {
  margin: 0;
}

.fortium-form-submit {
  margin-top: 27px;
}

.fortium-form-submit input[type="submit"] {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 0;
  font-weight: 700;
  cursor: pointer;
}


@media (max-width: 767px) {
  .fortium-form-row--2 {
    grid-template-columns: 1fr;
  }

  .fortium-form-checkboxes .wpcf7-form-control {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
}

.vertical-align-top td {
  vertical-align: top;
}

/* Helper pour donner aux enfants des colonnes la même hauteur que le parent.  */
.kadence-inner-full-height>.kt-inside-inner-col {
  flex: 1 1 auto;
  width: 100%;
}

p {
  text-wrap: pretty;
}

.text-brand-secondary {
  color: var(--brand-secondary);
}

/* La rangée détermine sa hauteur d'après le contenu */
.kt-row-column-wrap {
  align-items: stretch;
}

/* Colonne image */
.wp-block-kadence-column:has(figure.cover) {
  position: relative;
}

/* L'image ne participe plus au calcul de hauteur */
/*
.wp-block-kadence-column:has(figure.cover)>.kt-inside-inner-col {
  inset: 0;
}
  */
/* Figure = toute la hauteur disponible */
figure.cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

figure.cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#wrapper {
  max-width: var(--site-max-width);
  margin-inline: auto;
  background-color: #fff;
}

/* HEADER  */
.site-header-section-right .links {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1rem;
}

.site-header-section-right .links br {
  display: none !important;
}

.site-header-section-right .links a.bullet {
  text-decoration: none;
  position: relative;
  padding-left: 1.4rem;
  line-height: 1;
  color: #111111;
  font-size: 1.2rem;
}

.site-header-section-right .links a.bullet:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 0.9rem;
  width: 0.9rem;
  display: block;
  background-color: var(--brand-primary);
}

.site-header-section-right {
  padding-top: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}

header {
  border-bottom: 0px solid var(--brand-secondary);
}

.site-header-item-main-navigation {}

#primary-menu>li {
  font-weight: normal;
  text-transform: uppercase;
}

#primary-menu>li>a {
  font-weight: normal;
}

#primary-menu>li>a:hover {
  color: var(--brand-primary)
}


#mobile-toggle {
  transform: scale(1.8);
}

/* HOMEPAGE */
/* HOMEPAGE HP-RAW-1 */
.hp-row-1 {
  height: calc(100vh - 200px);
}

body.home h2 {
  font-size: 1.2rem;
  font-family: 'Open Sans', sans-serif;
}

body.home h2:not(.no-logo).wp-block-heading::before {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/themes/kadence-child/assets/images/h2-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.sans-serif {
  font-family: var(--bs-body-font-family) !important;
}


/* HOMEPAGE - Slider */
body.home .superblockslider .slider-text {
  max-width: 400px;
  height: 100%;
  background-color: pink;
}

body.home .superblockslider__slide__bg {
  filter: grayscale();
}

body.home .superblockslider h2 {
  font-family: var(--serif);
}

/* HOMEPAGE - NOS SECTEURS */
.hp-nos-secteurs-tabs {}

.hp-nos-secteurs-tabs .kt-tabs-wrap {
  display: flex;
  align-items: stretch;
}

.hp-nos-secteurs-tabs .kt-tabs-layout-vtabs>.kt-tabs-title-list,
.hp-nos-secteurs-tabs .kt-tabs-layout-vtabs>.kt-tabs-content-wrap {
  float: unset !important;
}

.hp-nos-secteurs-tabs .kt-tabs-layout-vtabs>.kt-tabs-content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.hp-nos-secteurs-tabs .kb-tab-titles-wrap {
  flex-direction: row;
  gap: 0.76rem;
}

.hp-nos-secteurs-tabs .wp-block-kadence-tab {
  padding: 0 !important;
}

.hp-nos-secteurs-tabs .wp-block-group,
.hp-nos-secteurs-tabs .wp-block-group * {
  position: relative;
}

.hp-nos-secteurs-tabs .wp-block-group * {
  z-index: 100;
}

.hp-nos-secteurs-tabs .wp-block-kadence-tab .overlay,
.hp-nos-secteurs-tabs .wp-block-kadence-tab .overlay .kt-inside-inner-col {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.hp-nos-secteurs-tabs .wp-block-kadence-tab .overlay {
  background: #111;
}

.hp-nos-secteurs-tabs .wp-block-kadence-tab .overlay .kt-inside-inner-col {
  filter: grayscale();
  opacity: 0.3;
}

.hp-nos-secteurs-tabs .kt-title-text {
  font-family: "Playfair Display", serif;
  white-space: nowrap;
  /*
  color: var(--brand-secondary) !important;
  font-style: italic;
  */
}

.hp-nos-secteurs-tabs .kt-title-sub-text {
  font-family: "Playfair Display", serif;
  /* font-size: 1.2rem !important; */
}

.hp-nos-secteurs-tabs .wp-block-kadence-tab {
  flex: 1;
  height: 550px;
}

/*
.hp-nos-secteurs-tabs .kt-tab-inner-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
*/
.hp-nos-secteurs-tabs .wp-block-kadence-tab[aria-hidden="false"] {
  display: flex !important;
  flex-direction: column;
}

.hp-nos-secteurs-tabs .wp-block-kadence-tab[aria-hidden="false"]>.kt-tab-inner-content-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* HOMEPAGE NOS VALEURS */
.hp-nos-valeurs {}

.hp-nos-valeurs .an-slider {}

.hp-nos-valeurs .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 45vh;
  padding: 3rem 5rem;
}

/* HOMEPAGE ACTUALITES */
.hp-actualites {}

.hp-actualites-card {
  position: relative;
}

.hp-actualites-card .categorie a {
  color: var(--brand-secondary);
  text-decoration: none;
}

.hp-actualites-card h6.titre {
  text-wrap: pretty;
  font-size: 1rem;
  font-family: 'open sans', sans-serif !important;
  line-height: 1.5;
}

.hp-actualites .categorie a:hover {
  color: var(--brand-secondary);
  text-decoration: underline;
}

.hp-actualites .date {
  font-size: 0.8rem;
}

.hp-actualites .fa-arrow-right {
  transition: 300ms;
  transform: translateX(-1rem);
}

.hp-actualites .hp-actualites-card:hover .fa-arrow-right {
  transform: translateX(0rem);
}

.fortium-news-author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.fortium-news-author__media {
  flex: 0 0 auto;
}

.fortium-news-author__photo {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid var(--brand-secondary);
}

.fortium-news-author__content {
  line-height: 1.25;
}

.fortium-news-author__name {
  font-weight: 700;
  font-size: 0.9rem;
}

.fortium-news-author__role {
  margin-top: 0.2rem;
  font-size: 0.75rem;
}

/*
******* LE CABINET *******
*/
.logo-departements {}


/*
***** EQUIPE - Page chapeau ****
*/
.team .member {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}

/* Kadence enveloppe le contenu de la colonne dans ce wrapper */
.team .member>.kt-inside-inner-col {
  height: 100%;
}

.team .member::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(20, 19, 15, .92) 0%, rgba(20, 19, 15, .15) 55%, rgba(20, 19, 15, 0) 75%);
  pointer-events: none;
  z-index: 1;
}

.team .member img {
  filter: grayscale(1) contrast(1.05) brightness(.9);
  transition: transform .5s ease, filter .5s ease;
}

.team .member:hover img {
  transform: scale(1.06);
  filter: grayscale(.4) contrast(1.05) brightness(.85);
}

.team .member-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 20px;
  max-height: 60px;
  /* transform: translateY(34px); */
  transition: all .35s ease;
}

.team .member:hover .member-info {
  max-height: 300px;
}

.team .member-info .rl,
.team .member-info .link {
  opacity: 0;
  transition: opacity .3s ease;
}

.team .member:hover .member-info .rl,
.team .member:hover .member-info .link {
  opacity: 1;
}

/*
***** EQUIPE - PROFIL ****
*/
.header-profil-equipe {}

.header-profil-equipe .kt-inside-inner-col {
  padding-bottom: 0 !important;
}




/** COMPENTENCES SOMMAIRES */

/* Cartes de compétences : hauteur égale + bouton aligné en bas */
.competence-cards {
  align-items: stretch;
}

.pages-loop_stack {
  height: 100%;
}

.pages-loop_stack>.wp-block-group {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.pages-loop_stack .wp-block-post-title.competence-title~.pages-loop_more {
  margin-top: auto;
}



/** COMPENTENCES */
.hero-competence .kb-row-layout-wrap {
  min-height: 35vh;
  display: flex;
  align-items: center;
}

ul.practice-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 3rem;
  row-gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none !important;
}

ul.practice-list li {
  position: relative;
  padding: 0 0 0 1.6rem;
  margin: 0 0 0 0 !important;
  line-height: 1.3;
}

ul.practice-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 1.1rem;
  height: 2px;
  background: var(--brand-secondary);
}

@media (max-width: 767px) {
  ul.practice-list {
    grid-template-columns: 1fr;
  }
}

/** 
*** Page sommaire des compétences 
**/
/* le compteur se pose sur la Boucle de requête, pas sur la Rangée */
/* La Boucle de requête n'apparaît qu'une fois : c'est le seul endroit
   sûr pour réinitialiser le compteur, même si ses enfants sont générés
   par WordPress. */
.pages-loop {
  counter-reset: competence;
}

.pages-loop_stack {
  counter-increment: competence;
}

.pages-loop .wp-block-post-template {
  align-items: stretch;
}

.pages-loop .wp-block-post-template>li {
  min-height: 0;
}

.pages-loop .wp-block-post-template>li>.wp-block-group {
  height: 100%;
  box-sizing: border-box;
}

.pages-loop .pages-loop_stack {
  flex: 1 1 auto;
}

.pages-loop_stack::before {
  content: counter(competence, decimal-leading-zero);
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-size: 1.5rem;
  color: #8a7238;
  display: block;
  border-bottom: 1px #8a7238 solid;
}

.pages-loop .fortium-page-excerpt {
  flex-grow: 1;
  font-size: 0.85rem;
}

.pages-loop_more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* color: #201f1a; */
  flex-shrink: 0;
  width: 100%;
}

.pages-loop_more::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
  font-size: inherit;
}

/** 
******* ACUALITES ******
****/

.actualite-content {
  font-size: 1rem;
}

.actualite-content h2 {
  font-size: 1.3rem;

  color: var(--brand-secondary);
  margin: 2rem 0 1.2rem 0;
  display: flex;
  align-items: center;
  gap: 0.5em;

}

.actualite-content h2::before {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: var(--brand-secondary);
  flex-shrink: 0;
  transform: translateY(0.08em);
}

/* =========================================================
   ARCHIVE ACTUALITÉS
   ========================================================= */

.fortium-news-loop {
  margin-bottom: 5rem;
}

/* Grille */
.fortium-news-grid {
  gap: 2rem;
}

/* Carte */
.fortium-news-card {
  height: 100%;
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, .12);
  background-color: white;
}

/* Catégorie */
.fortium-news-category {
  margin: 0 0 1.25rem;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* Titre */
.fortium-news-title {
  margin: 0 0 1rem;
  font-size: 1.2rem;
}

.fortium-news-title a {
  color: inherit;
  text-decoration: none;
}

/* Extrait */
.fortium-news-excerpt {
  margin: 0;
}

.fortium-news-excerpt p {
  margin: 0;
}

/* Date + lien en pied de carte */
.fortium-news-meta {
  width: 100%;
  margin-top: auto;
  padding-top: 2rem;
  font-size: .875rem;
}

.fortium-news-readmore {
  white-space: nowrap;
}

/* Pagination */
.fortium-news-loop .wp-block-query-pagination {
  margin-top: 3rem;
}

/* Responsive */
@media (max-width: 1024px) {
  .fortium-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .fortium-news-grid {
    grid-template-columns: 1fr !important;
  }
}



/* =========================================================
   PAGINATION ACTUALITÉS
   ========================================================= */

.fortium-news-loop .wp-block-query-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, .12);
}

/* Conteneur des numéros */
.fortium-news-loop .wp-block-query-pagination-numbers {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin: 0;
}

/* Numéros */
.fortium-news-loop .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 .65rem;

  border: 1px solid var(--global-palette2);
  border-radius: 2px;

  color: var(--global-palette2);
  font-size: .9rem;
  line-height: 1;
  text-decoration: none;

  transition:
    background-color .2s ease,
    color .2s ease;
}

/* Survol */
.fortium-news-loop a.page-numbers:hover {
  background: var(--global-palette2);
  color: #fff;
}

/* Page courante */
.fortium-news-loop .page-numbers.current {
  background: var(--global-palette2);
  color: #fff;
  font-weight: 600;
}

/* Précédent / suivant */
.fortium-news-loop .wp-block-query-pagination-previous,
.fortium-news-loop .wp-block-query-pagination-next {
  display: inline-flex;
  align-items: center;
  gap: .4rem;

  color: var(--global-palette2);
  font-size: .9rem;
  text-decoration: none;
}

/* Hover précédent / suivant */
.fortium-news-loop .wp-block-query-pagination-previous:hover,
.fortium-news-loop .wp-block-query-pagination-next:hover {
  text-decoration: underline;
}

/* Les flèches Gutenberg */
.fortium-news-loop .wp-block-query-pagination-previous-arrow,
.fortium-news-loop .wp-block-query-pagination-next-arrow {
  font-size: 1.1rem;
}

/* Mobile */
@media (max-width: 767px) {

  .fortium-news-loop .wp-block-query-pagination {
    gap: .5rem;
  }

  .fortium-news-loop .page-numbers {
    min-width: 2.25rem;
    height: 2.25rem;
  }
}



/*
***** FOOTER ****
*/
footer {
  --bs-heading-color: #fff;
  color: white;
}

footer #block-23,
footer #block-22 {
  margin-bottom: 7px !important;
}

footer h3 {
  font-family: var(--bs-body-font-family) !important;
  text-transform: uppercase;
}

footer .widget-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .widget-area p,
footer .widget-area li {
  padding: 0;
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5 !important;
}

footer .widget-area a {
  color: #fff;
  text-decoration: none;
}

footer .widget-area a:hover {
  text-decoration: underline;
}

/* ============================
   .btn-brand-secondary (solid)
   ============================ */

.btn-brand-secondary {
  color: #fff;
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}

.btn-brand-secondary:hover {
  color: #fff;
  background-color: color-mix(in srgb, var(--brand-secondary) 85%, black);
  border-color: color-mix(in srgb, var(--brand-secondary) 80%, black);
}

.btn-brand-secondary:focus,
.btn-brand-secondary.focus {
  color: #fff;
  background-color: color-mix(in srgb, var(--brand-secondary) 85%, black);
  border-color: color-mix(in srgb, var(--brand-secondary) 80%, black);
  box-shadow: none;
}

.btn-brand-secondary:active,
.btn-brand-secondary.active,
.show>.btn-brand-secondary.dropdown-toggle {
  color: #fff;
  background-color: color-mix(in srgb, var(--brand-secondary) 80%, black);
  border-color: color-mix(in srgb, var(--brand-secondary) 75%, black);
}

.btn-brand-secondary:active:focus,
.btn-brand-secondary.active:focus,
.show>.btn-brand-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-brand-secondary:disabled,
.btn-brand-secondary.disabled {
  color: #fff;
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  opacity: .65;
}


/* ============================
   .btn-outline-brand-secondary
   ============================ */

.btn-outline-brand-secondary {
  color: var(--brand-secondary);
  background-color: transparent;
  border-color: var(--brand-secondary);
}

.btn-outline-brand-secondary:hover {
  color: #fff;
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}

.btn-outline-brand-secondary:focus,
.btn-outline-brand-secondary.focus {
  box-shadow: none;
}

.btn-outline-brand-secondary:active,
.btn-outline-brand-secondary.active,
.show>.btn-outline-brand-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}

.btn-outline-brand-secondary:active:focus,
.btn-outline-brand-secondary.active:focus,
.show>.btn-outline-brand-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-brand-secondary:disabled,
.btn-outline-brand-secondary.disabled {
  color: var(--brand-secondary);
  background-color: transparent;
}

ul.dropdown-menu {}

ul.dropdown-menu li {}

ul.dropdown-menu li a {
  text-decoration: none !important;
  font-size: 0.9rem;
}

ul.dropdown-menu li:hover {
  background-color: #f6f4ee !important;
}

ul.dropdown-menu li a:hover {
  background-color: #f6f4ee !important;
}