/*********** Menu ************/

/* First, override SF default colors */

ul.sf-menu.sf-style-default li,
ul.sf-menu.sf-style-default.sf-navbar {
  background-color: none;
}

ul.sf-menu.sf-style-default li li,
ul.sf-menu.sf-style-default.sf-navbar > li > ul {
  background-color: #988F86 !important;
}

ul.sf-menu.sf-style-default li li li {
  background-color: green !important;
}

ul.sf-menu.sf-style-default li:hover,
ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover,
ul.sf-menu.sf-style-default span.nolink:hover {
  background-color: #E85304 !important;
}

div.sf-accordion-toggle.sf-style-default a {
  background-color: orange !important;
  color: lime !important;
}

div.sf-accordion-toggle.sf-style-default a.sf-expanded,
ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
  background-color: pink !important;
}


/* General settings */

#icf-menu {
  z-index: 22222 !important;
  margin:0;
  border:none;
  padding:0;
  background-color: #999087;
}

#icf-menu-wrapper {
  margin:auto;
  width: 100%;
  max-width: 1200px;
  text-align: center;
}

#icf-menu-wrapper ul li a:link { color:#fff; text-decoration: none; }
#icf-menu-wrapper ul li a:hover { color:#fff; text-decoration: none; }
#icf-menu-wrapper ul li a:active { color:#fff; text-decoration: none; }
#icf-menu-wrapper ul li a:visited { color:#fff; text-decoration: none; }

div#block-menuprincipal {
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  padding: 0;
}


/*  Regular menu display  */

ul#superfish-main {
  z-index: 22222 !important;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: #988F86 !important;
  list-style-type: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.0em;
  line-height: 1.0em;
  text-transform: uppercase;
}

ul#superfish-main li.icf-menu-item { z-index: 22222; }

ul#superfish-main li.sf-depth-1 {
  flex-grow: 1;
  padding-top: 15px;
  padding-bottom: 15px;
}

ul#superfish-main li.sf-depth-1:nth-child(1):hover,
ul#superfish-main li.sf-depth-1:nth-child(1):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(3):hover,
ul#superfish-main li.sf-depth-1:nth-child(3):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(5):hover,
ul#superfish-main li.sf-depth-1:nth-child(5):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(7):hover,
ul#superfish-main li.sf-depth-1:nth-child(7):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(9):hover,
ul#superfish-main li.sf-depth-1:nth-child(9):hover > a {
  background-color: #75706A !important;
}

ul#superfish-main li.sf-depth-1:nth-child(2):hover,
ul#superfish-main li.sf-depth-1:nth-child(2):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(4):hover,
ul#superfish-main li.sf-depth-1:nth-child(4):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(6):hover,
ul#superfish-main li.sf-depth-1:nth-child(6):hover > a,
ul#superfish-main li.sf-depth-1:nth-child(8):hover,
ul#superfish-main li.sf-depth-1:nth-child(8):hover > a {
  background-color: transparent !important;
}

ul#superfish-main li.sf-depth-1 > a,
ul#superfish-main li.sf-depth-1 > span {
  box-sizing: border-box !important;
  padding: 0;
  white-space: nowrap;
  color: #fff;
}

ul#superfish-main li.sf-depth-1:nth-child(2) > a,
ul#superfish-main li.sf-depth-1:nth-child(2) > span {
  color: #FFB612;
  font-size: 1.2em;
}

ul#superfish-main li.sf-depth-1:nth-child(4) > a,
ul#superfish-main li.sf-depth-1:nth-child(4) > span {
  color: #7EC404;
  font-size: 1.2em;
}

ul#superfish-main li.sf-depth-1:nth-child(6) > a,
ul#superfish-main li.sf-depth-1:nth-child(6) > span {
  color: #70CDFA;
  font-size: 1.2em;
}

ul#superfish-main li.sf-depth-1:nth-child(8) > a,
ul#superfish-main li.sf-depth-1:nth-child(8) > span {
  color: #E05200;
  font-size: 1.2em;
}


/* Panneaux du niveau 2 */

ul#superfish-main li.sf-depth-1 > ul {
  display: none;
  box-sizing: border-box !important;
  top: 46px !important;
  font-size: 0.9em;
  font-weight: 700;
  text-align: left;
  background-color: #988F86 !important;
  z-index: 32000;
}
ul#superfish-main li.sf-depth-1 > ul > li {
  background-color: #988F86 !important;
  z-index: 32000;
}


ul#superfish-main li.sf-depth-1 > ul > li:nth-child(1) {
  border-top: solid 4px #FFB612;
}

/* Couleurs des différents niveaux  */

li.sf-depth-1 { background-color: #988F86 !important; }

li.sf-depth-2 {
  background-color: #6E6A66 !important;
  min-width: 260px;
}
li.sf-depth-2:hover,
li.sf-depth-2 a:hover {
  background-color: #E05200 !important;
  color: #fff;
}


/*  Hamburger menu display  */

div#block-menuprincipal div.sf-accordion-toggle {
  text-align: left;
  height: 4px !important;
  max-height: 4px !important;
}

div#block-menuprincipal a#superfish-main-toggle {
  color: #C1BAB3 !important;
  font-size: 0.9em;
  width: 50px;
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
  margin-right: 50px !important;
  top: -57px;
  text-align: left !important;
}
a#superfish-main-toggle span { display: none; }


ul#superfish-main-accordion {
  text-transform: uppercase !important;
  font-size: 0.8em !important;
}
ul#superfish-main-accordion li.sf-depth-1 {
  font-weight: bold !important;
}
ul#superfish-main-accordion li.sf-clone-parent,
ul#superfish-main-accordion li.sf-depth-2 {
  font-weight: normal !important;
}

ul#superfish-main-accordion li.sf-depth-1.sf-expanded,
ul#superfish-main-accordion li.sf-depth-1.sf-expanded ul li.sf-clone-parent,
ul#superfish-main-accordion li.sf-depth-1.sf-expanded ul li.sf-depth-2 {
  background-color: #B1A69C !important;
}

/* Hide square separators */
ul#superfish-main-accordion li.sf-depth-1:nth-child(2),
ul#superfish-main-accordion li.sf-depth-1:nth-child(4),
ul#superfish-main-accordion li.sf-depth-1:nth-child(6),
ul#superfish-main-accordion li.sf-depth-1:nth-child(8) {
  display: none !important;
}


/* Hide  */
@media screen and (max-width: 940px) { ul#superfish-main { display: none; } }