/*
  This file contains the basic logic for nice menus, and should not be
  edited.  To customize the menus, it's recommended to create a custom CSS
  file using nice_menus_default.css as a template, then configure the module
  to use your custom CSS file (this is done in the global settings tab of
  the theme administration.)
*/


/* NOTO SANS */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');



/* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
.block-nice-menus {
  line-height: normal;
  z-index: 10;
}
#menu-bar #block-nice-menus-1 {
	margin-left:0;
}
#menu-bar {
z-index: 100;
position:relative;
transition: all .3s ease-in-out;
}
ul.nice-menu {
	float:none;
}
ul.nice-menu,
ul.nice-menu ul {
  z-index: 5;
  position: relative;
}
ul.nice-menu-down li.menuparent,
ul.nice-menu-down li.menuparent:hover {
	background-image:none;
	background-color:transparent;
}

ul.nice-menu li {
  color: #384359;
  float: none;
  font-family: "brandon-grotesque", arial, sans-serif;
  font-size: 1em;
/*  font-style: italic;*/
  font-weight: 700;
  position: relative;
  border:0;
  background-color:transparent;
  -moz-osx-font-smoothing: grayscale;
    padding: 21px 1.4% 9px;
}
ul.nice-menu li.first {
  padding-left: 0;
}
ul.nice-menu li a, ul.nice-menu span.nolink {
  display: inline-block;
  float: none;
  /*  height: 29px;*/
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: normal;

  box-shadow:inset 0 0 0 2px transparent;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
  /* Standard syntax */
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
	
	/* For IE 8 */
  
}
ul.nice-menu a {
  display: block;
  /*Default to Blue, but override as necessary*/
  color: #384359;
}
ul.nice-menu a::before {
    width: 0%;
    height: 5px;
    background: #bd3f39;
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
    transition: all ease-in-out .3s;
}
ul.nice-menu ul a::before {
  bottom: -2px;
}
ul.nice-menu a:hover::before,
ul.nice-menu a.active:hover::before {
    width: 40px;
    background: #bd3f39;
}

ul.nice-menu a:hover,
ul.nice-menu span:hover,
ul.nice-menu a.active,
ul.nice-menu li.active-trail span {
	/*background-color:#FFF;*/
	/*box-shadow:inset 0 0 0 2px #e5e5e5;*/
	color:inherit;
	text-decoration:none;
	cursor:pointer;
  position: relative;
	
	/* For IE 8 */
}
ul.nice-menu a.active,
ul.nice-menu .active-trail {
  color: #bd3f39;
}
ul.nice-menu a:hover,
ul.nice-menu span:hover {
	/* For Safari 3.1 to 6.0 */
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;
}
ul.nice-menu-down li.over {
	border:0;
}
ul.nice-menu-down li.over span.nolink {
/*	background-color:#FFF;
	box-shadow:inset 0 0 0 2px #e5e5e5;*/
	color:inherit;
	text-decoration:none;
	cursor:pointer;
	
	/* For IE 8 */
}
ul.nice-menu li ul {
	background:#FFF;
	/*background-image:url('images/trame-grise.png');
	background-repeat:repeat;*/
  margin-top: 15px;
  border: none;
  padding-left: 7px;
  padding-bottom: 5px;
}
ul.nice-menu li ul li a {
	height:auto;
/*	font-family:'source sans pro', sans serif;*/
	font-weight:600;
	font-size: 0.75em;
	font-style: normal;
	padding-left: 9px;
	padding-top: 8px;
	padding-bottom: 10px;
}
ul.nice-menu li ul li a:hover,
ul.nice-menu li ul li a.active {
	box-shadow:0 0 0 0;
	background-color:transparent;
}
ul.nice-menu ul,
/* For Garland header. */
#header-region ul.nice-menu ul {
  position: absolute;
  visibility: hidden;
}

ul.nice-menu li.over ul {
  visibility: visible;
}

ul.nice-menu ul li {
  display: block;
  width: 100%;
  padding: 0;

}

ul.nice-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Show submenus when over their parents. */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  visibility: visible;
}

/* Hide sub-menus initially. */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover ul ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over li.over ul ul,
ul.nice-menu li.over li.over ul ul ul,
ul.nice-menu li.over li.over li.over ul ul,
ul.nice-menu li.over li.over li.over ul ul ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul ul,
#header-region ul.nice-menu li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
#header-region ul.nice-menu li.over ul ul,
#header-region ul.nice-menu li.over ul ul ul,
#header-region ul.nice-menu li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over ul ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul ul {
  visibility: hidden;
}

/***************
	SIDR
***************/

#sidr-wrapper-0 a#sidr-0-button {
  background-color: #fff;
/*  border: 2px solid #e5e5e5;*/
  box-sizing: border-box;
  color: #384359;
  display: inline-block;
  float: none;
  font-family: "brandon-grotesque",serif;
  font-size: 1.05em;
/*  font-style: italic;*/
  font-weight: 600;
/*  height: 59px;*/
  line-height: normal;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  width: auto;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
#sidr-wrapper-0 a#sidr-0-button:before {
	font-family: "icons-cnc";
    font-size: 0.85em;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
content: '\e808'; } /* '' */

#sidr-wrapper-0 a#sidr-0-button:focus,
#sidr-wrapper-0 a#sidr-0-button:hover {
	outline:0;
	text-decoration:none;
}

#sidr-wrapper-0 a#sidr-0-button:hover {
	outline:0;
	text-decoration:none;
	}
body.sidr-open #sidr-wrapper-0 a#sidr-0-button {
	background-color:#384359;
	color:#FFFFFF;
	outline:0;
	text-decoration:none;
}

/***************
 SIDR
***************/

.sidr {
	background-color:#FFF;
/*	background-image:url('images/trame-grise.png');*/
	background-repeat:repeat;
	box-shadow:none;
	border-right: 1px solid rgba(56, 67, 89, 0.5);
}
.sidr ul {
  border-bottom: 0;
  border-top: 0;
  margin: 0 0 15px;
}
.sidr li ul {
	border-bottom:0;
	margin-bottom:0;
}
.sidr .sidr-inner li {
  border-bottom: 1px solid #b4b4b4;
  border-top: 0 none;
}
.sidr .sidr-inner li ul li {
	border-bottom:0;
	border-top:0;
}
.sidr .sidr-inner li ul li.sidr-class-last {
	border-bottom:0;
}
/*.sidr .sidr-inner li ul li.sidr-class-first {
	border-top:1px solid #e5e5e5;
}*/
.sidr .sidr-inner li a, .sidr .sidr-inner li span.sidr-class-nolink {
  -moz-osx-font-smoothing: grayscale;
  color: #333a40;
  font-family: "brandon-grotesque",serif;
  font-size: 1em;
/*  font-style: italic; */
  font-weight: 700;
/*  line-height: 2.8em;
  padding-left: 5%;*/
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 0 10px 0px;
}
.sidr .sidr-inner li ul li a {
/*  font-family: "source sans pro",sans serif; */
  font-size: 0.8em;
  font-style: normal;
  font-weight: 600;
  height: auto;
  line-height: 1.5em;
  padding-bottom: 6px;
  padding-left: 7%;
  padding-top: 8px;
  display: inherit;
}
.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
	box-shadow:none;
	background-image:none;
	background-color:#FFF;
}


#menu-bar.floating-block-active {
/*  border-bottom: 1px solid #cfcfcf;
*/  box-sizing: border-box;
  margin-top: 0;
  padding: 10px 0 0;
  height: 50px;
  background-color: rgba(255,255,255,0.95);
  border-bottom: 1px solid rgba(42, 49, 58, 0.15);
/*  background-image:url('images/trame-overlay.png');*/
/*  background-repeat:repeat;
*/  
 
}


/***************
 IE 6 Fixes
***************/

/* Iframe to fix z-index bug when menu hovers over <select> fields. */
ul.nice-menu li.menuparent ul,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul {
  overflow: visible !important;
}

ul.nice-menu li.menuparent ul iframe,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul iframe {
  display: none;
  display/**/: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 20px;
  height: 20px;
}