/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Navigation bar
 */

#navigation {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
}
.region-navigation {
/*background: #ddd;*/
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}


/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#secondary-menu {
  float: right; /* LTR */
}


/*
 * Superfish horizontal menu
 */

#navigation ul.menu {
  /* from superfish.css */
	line-height: 1;
	z-index: 997;

	width: 85%;
	margin: 0 auto;
	width: auto;
	margin: 0;
	padding: 0;

	/*overflow: auto;*/
}

#navigation ul.menu li {
  /* from superfish.css */
	float: left;
	position: relative;
	z-index: 998;

	width: 18.976546%;  /* 178/938 */
	margin: 0;
	margin-right: 1.279318%; /* 12/938 */
	padding: 0 0 3px 0;

	width: 25%;
	width: auto;
  margin: 0 13px 0 0;
  padding: 0;

	background: transparent;
}

#navigation ul.menu li.last {
	margin-right: 0;
}

#navigation ul.menu li a {
  /* from superfish.css */
	display: block;
	position: relative;

	margin: 0;
	padding: 0.5em 0;

  font-size: 1.714286em; /* 24px/14px */
  font-size: 1.285714em; /* 18px/14px */
  line-height: 1em;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;

	color: #000;
	background: transparent;
}

#navigation ul.menu li a:after {
	content: "|";
	margin: 0 0 0 13px;
	color: #000;
}
#navigation ul.menu li.last a:after,
#navigation ul.menu li li a:after,
#navigation ul.cloud.menu li a:after {
	content: "";
	margin: 0;
}

#navigation ul.menu li.sfHover a,
#navigation ul.menu li a:hover {
	color: #000;
	background: #a39d99;
	color: #900;
	color: #f60;
	background: transparent;
}

/*#navigation ul.menu li.sfHover a:after,
#navigation ul.menu li a:hover:after {
	color: #000;
}*/

#navigation ul.menu li a.active-trail {
	color: #f60 !important;
}

#navigation ul.menu li ul.menu {
	display: none;
  /* from superfish.css */
	position: absolute;
	left: -10px;

	top: 3em; /* height of .region-navigation */

	width: 86.516854% !important;  /* 100% - left padding + right padding */
	padding: 12px 6.741573%;  /* 12/178 */
	
	width: 230% !important;
	padding: 0 5px 7px 10px;
	background: #fff;
	/*opacity: 0.9;*/
}

#navigation ul.menu li ul.menu li {
	width: 100% !important;
	border: none;
}

#navigation ul.menu li ul li.last {
	/*border-bottom: 1px solid #a39d99;*/
}

#navigation ul.menu li ul li a {
	padding: 0.4em 0;
	font-size: 1.2em;
	line-height: 1.285714em;
	color: #000;
}
#navigation ul.menu li ul li a,
#navigation ul.menu li.sfHover li a /*,
#navigation ul.menu li a:hover*/ {
	color: #000;
	background: #fff;
}

#navigation ul.menu li ul li a:hover {
	color: #000;
	background: #a39d99;
	color: #a39d99;
	color: #900;
	color: #f60;
	background: transparent;
}

#menu-icon {
	display: none;
}


/* language cloud block */
/* HTML generated by /sites/default/modules/custom/language_cloud/language_cloud.module */
.block-language-cloud {
	position: absolute;
	top: 8px;
	right: 20px;
	z-index: 50;
}
#navigation .block-language-cloud ul.menu {
	width: 100% !important;
}
#navigation .block-language-cloud ul.menu li {
	width: 160%;
}

#navigation .block-language-cloud ul.menu li a {
	height: 32px;
	padding: 0.2em 0 0 38px;
	text-align: left;
	background-color: transparent;
	background-repeat: no-repeat !important;
	background-position: left -4px;
}
/* flag icons from https://www.flag-sprites.com/ */
#navigation .block-language-cloud ul.menu li a.en { background-image: url(../images/flags/en.png); }
#navigation .block-language-cloud ul.menu li a.fr { background-image: url(../images/flags/fr.png); }
#navigation .block-language-cloud ul.menu li a.es { background-image: url(../images/flags/es.png); }
#navigation .block-language-cloud ul.menu li a.pt-br {
	background-image: url(../images/flags/pt-br.png);
}
#navigation .block-language-cloud ul.menu li a.pl { background-image: url(../images/flags/pl.png); }
#navigation .block-language-cloud ul.menu li a.it { background-image: url(../images/flags/it.png); }
#navigation .block-language-cloud ul.menu li a.ru { background-image: url(../images/flags/ru.png); }
#navigation .block-language-cloud ul.menu li a.th { background-image: url(../images/flags/th.png); }

#navigation .block-language-cloud ul.menu li a:hover {
	background-color: transparent;
}

#navigation .block-language-cloud ul.menu li ul.menu {
	left: -10px;
	width: 100% !important;
	padding: 0 0 0 10px;
}


#navigation .block-language-cloud ul.menu li li a {
	padding-top: 0.3em;
}

/*.block-language-cloud ul.cloud {
	margin: 0;
	padding: 0;
	background: #fff;
	list-style: none;
}

.block-language-cloud ul.cloud li {
	margin: 0;
	padding: 0;
}

.block-language-cloud ul.cloud li a {
	display: block;
	padding: 6px;
	font-size: 1.2em;
	color: #000;
	background: transparent;
	text-decoration: none;
}
.block-language-cloud ul.cloud li a:hover {
	background: #a39d99;
}
.block-language-cloud ul.cloud li a.active {
	color: #fff;
}*/


/*
 * mobile menu
 */
/*@media all and (max-width: 479px) {*/
@media all and (max-width: 670px) {

	#navigation {
		z-index: 900;
		padding: 5px 2.455796%;
		background: #a39d99;
		background: #e9eef0;
	}
	
	.region-navigation {
		/*background: #fff !important;*/
	}

	#navigation .block-menu {
		width: 60%;
	}	

	.breadcrumb {
		background: #fff;
	}
    
  #menu-icon {
		display: block;
		margin: 0;
		padding: 0;
		/*border-bottom: 1px solid #fff;*/
  	font-size: 1.285714em; /* 18px/14px */
  	line-height: 1em;
		font-weight: normal;
  	text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		background: #a39d99;
		color: #000;
		background: #e9eef0;
  	cursor: pointer;
  }
  #menu-icon:hover,
  #menu-icon.active {
		color: #fff;
		color: #000;
	}  
	
	#navigation ul.menu {
		display: none;
		width: auto;
		/*margin-top: -12px;*/
		margin-top: 6px;
		margin-left: -1.2793176%;
		padding-bottom: 10px;
		background: #000;
		background: #a39d99;
		background: #e9eef0;
/*		opacity: 0.9;*/
	}

	#navigation ul.menu li {
		float: none;
		position: relative;
		width: 97.5051976%;
		margin-left: 1.2474012%;
		margin-right: 1.2474012%;
		padding: 6px 0;
	}

	#navigation ul.menu li.last {
/*		border-bottom: none;*/
	}

	#navigation ul.menu li a {
		color: #fff;
		color: #000;
  }
	#navigation ul.menu li a:hover {
		color: #a39d99;
		color: #fff;
		color: #000;
  }

	#navigation ul.menu li a:after {
		content: "";
		margin: 0;
	}

	#navigation ul.menu li ul.menu {
		display: none;
		position: relative;
		top: 0;
		width: auto;
		width: 100% !important;
		margin: 2px 0 0 0;
		padding: 0 0 0 20px;
		/*background: #a39d99;*/
		background: #fff;
		background: #e9eef0;
	}

	#navigation ul.menu li ul.menu li {
		margin: 0;
		padding: 1px 0;
		background: #e9eef0;
	}
	#navigation ul.menu li ul.menu li.last {
		border-bottom: none;
	}

	#navigation ul.menu li ul.menu li a {
		color: #000;
		background: #e9eef0;
  }
	#navigation ul.menu li ul.menu li a:hover {
		color: #fff;
		color: #000;
  }


	.block-language-cloud {
		top: -30px;
	}

	#navigation ul.cloud.menu {
		/*position: relative;
		top: 0;
		left: 0;*/
		z-index: 9999;
		padding-bottom: 0;
	}

	#navigation ul.cloud.menu li {
		padding: 0;
	}
	
	#navigation ul.cloud.menu li ul.menu {
		display: block !important;
		margin-top: 0;
		background: #e9eef0;
	}
	
}



/*
 * Menu blocks
 */

ul li.expanded,
ul li.collapsed,
ul li.leaf {
	list-style: none;
	list-style-image: none;
}

.block-menu ul.menu {
	margin-top: 0.857142857em; /* 12px */
	padding: 0;
}
#block-system-user-menu ul.menu {
	margin-bottom: 0;
}
#block-system-user-menu ul.menu a {
	text-decoration: none;
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}