/* Styles for yeswiki's template
 * under GNU General Public License
 * Variante du style margot avec barre de menu blanche
 */
@import url('margot.css');

/*
 * CSS variables
 */
:root {
  /* couleur de la barre de menu */
  --navbar-bg-color: white;
  --navbar-text-color: var(--neutral-color);
  --navbar-link-color: var(--neutral-color);

  /* --navbar-link-bg-color: transparent; */

  --navbar-link-hover-color: var(--primary-color);
}
#yw-topnav {
  border-bottom: 1px solid var(--neutral-light-color);
}

#yw-topnav .btn.btn-default {
  background: transparent !important;
  color: var(--navbar-link-color) !important;
}

#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus,
#yw-topnav .btn.btn-default:active {
  color: var(--primary-color) !important;
}

#yw-topnav .dropdown-menu {
  border: 1px solid var(--neutral-light-color);
  border-top: none;
}

@media (width <= 1200px) {
  :root {
    --main-text-fontsize: 15px;
  }
}

@media (width <= 800px) {
  :root {
    --main-text-fontsize: 13px;
  }
}

.nav-tabs {
  border: none;
}

.nav-tabs > li {
  float: left;
  margin: 1em;
  background-color: transparent;
  border: 1px solid var(--secondary-color-1);
  text-transform: uppercase;
  border-radius: var(--btn-border-radius);
}

.nav-tabs > li > a {
  color: #f07e26;
  margin: 0px;
  width: 100%;
  background-color: transparent;
}

.nav-tabs > li > a:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px;
  border-radius: var(--btn-border-radius);
  border: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  margin: 0px;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
}

.nav-tabs > li.active,
.nav-tabs > li.active:focus,
.nav-tabs > li:active:active:focus,
.nav-tabs > li:active:active {
  background-color: #f07e26 !important;
  border: #ffffff;
  box-shadow: none;
}

/* color div */
.color-elem a {
  color: inherit !important;
}