/*------------------------------------------------------------------
[TOP_BAR.CSS - Top bar styles]
[Table of contents]

1. Top Bar General Markup
2. Boxed style for following headers, full-width mode for all another styles
3. Dark colors
4. Light colors
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	1. Top Bar General Markup
-------------------------------------------------------------------*/
#top-bar {
  position: relative;
  z-index: 20;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}
#top-bar .tb-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
}
#top-bar .tb-menu li {
  margin: 0 0 0 10px;
  padding: 0;
  display: inline-block;
}
#top-bar .tb-menu ul ul {
  display: none;
}
#top-bar .tb-item-left {
  float: left;
  margin-right: 100px;
}
#top-bar .tb-item-right {
  float: right;
  margin-right: 0;
}
#top-bar .si a {
  margin-left: 20px;
}
#top-bar .tb-item > i.fa {
  margin-right: 7px;
}
#top-bar .tb-menu {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  #top-bar.hide-on-mobiles {
    display: none !important;
  }
}
/*------------------------------------------------------------------
	2. Boxed style for following headers, full-width mode for all another styles
-------------------------------------------------------------------*/
#header.style-style_1 #top-bar,
#header.style-style_2 #top-bar,
#header.style-style_3 #top-bar,
#header.style-style_4 #top-bar,
#header.style-style_5 #top-bar,
#header.style-style_6 #top-bar,
#header.style-style_7 #top-bar,
#header.style-style_8 #top-bar,
#header.style-style_10 #top-bar,
#header.style-style_11 #top-bar {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  #top-bar .tb-item-left {
    margin-right: 30px;
  }
}
@media screen and (max-width: 992px) {
  #top-bar .tb-item-left,
  #top-bar .tb-item-right {
    float: left;
    margin-right: 25px;
    margin-left: 0;
  }
  #top-bar .tb-item.tb-menu ul li {
    margin-left: 0;
    margin-right: 15px;
  }
  #top-bar .si a {
    margin-left: 0;
    margin-right: 10px;
  }
}
/*------------------------------------------------------------------
	3. Dark colors
-------------------------------------------------------------------*/
#top-bar.style-dark {
  background: #28282c;
  color: #68686f;
}
#top-bar.style-dark .tb-item > i.fa {
  color: #1cbbb4;
}
#top-bar.style-dark a,
#top-bar.style-dark .share-links a {
  color: #68686f;
}
#top-bar.style-dark a:hover,
#top-bar.style-dark .share-links a:hover {
  color: #ffffff;
}
/*------------------------------------------------------------------
	4. Light colors
-------------------------------------------------------------------*/
#top-bar.style-light {
  background: #f3f4f6;
  color: #9f9fa9;
}
#top-bar.style-light .tb-item > i.fa {
  color: #1cbbb4;
}
#top-bar.style-light a,
#top-bar.style-light .share-links a {
  color: #9f9fa9;
}
#top-bar.style-light a:hover,
#top-bar.style-light .share-links a:hover {
  color: #28282c;
}