/**
 * @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. */
}

#navigation {
  padding-top: 10px;
  /* position: relative; */
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
}

#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.menu .menu__item {
  padding: 0 15px 0 0;
}
#navigation .region-top-menu #block-menu-block-1 .menu-name-main-menu .menu .menu__item a {
  cursor: pointer;
} 
#navigation .region-top-menu #block-menu-block-1 .menu-name-main-menu .menu .menu__item a:hover {
  color: var(--blue);
}


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

.region-navigation {}

/*
 * Main menu and Secondary menu links
 */

#main-menu {}

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

/*
 * Menu blocks
 */

.block-menu {}

/*
 * "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 {}

/*
 * C-Go custom styles
 */

/* Language menu */

#navigation #block-locale-language ul li {
  padding: 0 0 0 8px;
}

#navigation #block-locale-language ul li a {
  color: #bbbbbb;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

#navigation #block-locale-language ul li.active a {
  color: #666666;
}

#navigation .locale-untranslated {
  color: #bbbbbb;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 90%;
}

/* Main menu */

#navigation .menu-name-main-menu ul li {
  padding: 0 0 0 22px;
}

#navigation .block-menu-block .menu-name-main-menu ul li.first {
  padding-left: 0;
}

.i18n-pt-pt #navigation .menu-name-main-menu ul li {
  padding-left: 6px;
}

.i18n-pl #navigation .menu-name-main-menu ul li {
  padding-left: 10px;
  font-size: 95%;
}

.i18n-ru #navigation .menu-name-main-menu ul li {
  falnont-size: 75%;
}

#navigation .menu-name-main-menu ul li a {
  color: #136cb5;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
}

.i18n-ru #navigation .menu-name-main-menu ul li a {
  font-size: 82%;
}

#navigation .menu-name-main-menu ul li.active a {
  color: #00488b;
}

#navigation .menu-name-main-menu ul li.first a {
  color: #ef2a13;
}

#navigation .region-navigation {
  clear: none;
}

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

#navigation .region-language-selector, #navigation .region-language-selector div {
  display: inline;
}

#navigation #block-locale-language ul.language-switcher-locale-url, #navigation #block-locale-language #top_selected_lang_ul {
  display: none;
}

#navigation .first-row {
  /* position: absolute; */
  right: 0;
  top: 20px;
  order: 2;
}

#navigation .region-top-menu {
  top: 55px;
  position: absolute;
  right: 0;
}

/* new language selector  */

/* end */

/*
.front #navigation #block-locale-language {
   width: auto;
}
*/

#navigation #block-locale-language {
  margin-top: 0px;
  margin-right: 0px;
  _width: 400px;
}

.node-type-petition #navigation #block-locale-language {
  margin-top: 10px;
  margin-right: 8px;
}

/*
.front .page-home #navigation #block-locale-language li {
   float: none;
   line-height: 1.5em;
}
*/

#navigation #block-locale-language li {
  float: right;
  line-height: 1.3em;
}

#navigation .menu-block-wrapper.menu-name-main-menu {
  margin-top: 0;
  /* display: flex;
  justify-self: start; */
}

.node-type-petition #navigation .menu-block-wrapper.menu-name-main-menu {
  margin-top: 18px;
 
}

.node-type-petition #login-box {
  display: none;
}

#login-box {
  _float: right;
  display: inline;
}

#login-box img.login-icon, #login-box img.user-picture {
  position: relative;
  /* top: 5px; */
  width: 1.3em;
}


/*
.not-front #login-box img.user-picture {
   width: 48px;
}
*/

#login-box img.down-arrow {
  position: relative;
  bottom: 4px;
}

#login-box .text {
  position: relative;
  bottom: 3px;
  display: inline;
  cursor: pointer;
}
#login-box .text a {
  color: #363135;
  font-size: 16px;
}
#login-box .text a:hover {
  color: var(--blue);
}

#user-actions {
  z-index: 1;
  position: absolute;
  display: none;
}

#user-actions ul {
  border: 1px solid #ccc;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 110px;
  box-shadow: 4px 4px 2px #ccc;
}

#user-actions li {
  padding: 3px 8px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

#user-actions li.last {
  border-bottom: none;
}

#user-actions li a {
  color: #333;
  font-size: 84%;
}