@charset "UTF-8";
/** 
 * LWIS Celebrity CSS Drop-Down Menu Theme
 *
 * @file        default.css
 * @name        Default
 * @version     0.1
 * @type        transitional
 * @browsers    Windows: IE7+, Opera9+, Firefox3+
 *              Mac OS: Safari2+, Firefox3+
 *
 * @link        http://www.lwis.net/free-css-drop-down-menu
 * @copyright   2009-2012 Live Web Initiatives, http://www.lwis.net
 *
 */

/* -- Base drop-down styling -- */

ul.dropdown {
  /*font: bold 20px/normal Arial, Helvetica, sans-serif;
 letter-spacing: 2px;*/
  text-transform: uppercase;
  background: white url(bar-bg.png) repeat-x left top;
  background-color: #555;
  /* font-weight: bold; */
  margin-bottom: 10px;
}

ul.dropdown li {
  padding: 0 10px;
  background-color: transparent;
  color: #000;
}

ul.dropdown li.hover, ul.dropdown li:hover {
  background-color: #eee;
  color: #000;
}

ul.dropdown a:link, ul.dropdown a:visited {
  color: #000;
  text-decoration: none;
}

ul.dropdown a:hover {
  color: #000;
}

ul.dropdown a:active {
  color: #FFF;
}

/* -- level mark -- */

ul.dropdown ul {
  background-color: #eee;
  font-size: 12px;
  letter-spacing: normal;
  opacity: .95;
}

ul.dropdown ul li {
  font-weight: bold;
}

ul.dropdown li.last ul li {
  float: right;
}

/* -- level mark -- */

ul.dropdown ul ul {
  margin-top: 5px;
  text-transform: none;
}

ul.dropdown ul ul li {
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  transition: box-shadow .3s, background-color .3s;
}

ul.dropdown ul ul li:hover {
  box-shadow: 0 0 5px 3px #ddd;
  background-color: #fafafa;
}

/* -- Supporting class `dir` -- */

ul.dropdown *.dir {
  padding-right: 30px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

ul.dropdown ul *.dir {
  background-image: none;
}

/* -- Base style extension -- */

ul.dropdown li a {
  display: block;
  padding: 0 10px;
}

/* -- Base style override -- */

ul.dropdown li {
  padding: 0;
}

/* -- Base style reinitiate: post-override activities -- */

ul.dropdown li.dir {
  padding: 0 30px 0 10px;
}

ul.dropdown ul li.dir {
  padding: 10px;
}

/* -- Custom styles -- */

ul.dropdown ul a {
  width: 140px;
  padding: 3px 5px;
  transition: color .2s;
}

ul.dropdown ul a:hover {
  /* background-color: #111; */
  /* color: #fff; */
  color: #555;
}

ul.dropdown ul ul {
  padding: 0;
}

ul.dropdown ul li ul.with-icon {
  /* margin-left: 22px; */
}

.menuItemIcon {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  /* display: none; */
  font-size: 1.5rem;
  float: left;
  vertical-align: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
  margin-bottom: 5px;
  opacity: .8;
  color: #555;
  transition: width .3s, height .3s, font-size .3s, opacity .3s;
}

ul.dropdown ul ul li:hover .menuItemIcon {
  width: 24px;
  height: 24px;
  display: inline-block;
  font-size: 1.8rem;
  opacity: 1;
}

ul.dropdown ul li ul.with-icon a {
  width: 150px;
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  color: #222;
  /* font-weight: bold; */
}

/* first level */

ul.dropdown>li {
  padding: 10px;
  background-color: transparent;
  color: #EEE;
}

ul.dropdown>li.hover, ul.dropdown>li:hover {
  background-color: #eee;
  color: #000;
}

ul.dropdown>li.hover>a, ul.dropdown>li:hover>a {
  color: #000 !important;
}

ul.dropdown>li.dir {
  padding: 10px;
}

ul.dropdown>li>a:link, ul.dropdown>li>a:visited {
  color: #EEE;
  text-decoration: none;
}

ul.dropdown>li>a:hover {
  color: #000;
}

ul.dropdown>li>a:active {
  color: #ffa500;
}

.menu-media-video {
  background-image: url('../images/icon-video.png');
}

.menu-media-image {
  background-image: url('../images/icon-image.png');
}

.menu-media-rss {
  background-image: url('../images/icon-rss.png');
}

.menu-media-message {
  background-image: url('../images/icon-message.png');
}

.menu-media-lottery {
  background-image: url('../images/icon-lottery.png');
}

.menu-media-weather {
  background-image: url('../images/icon-weather.png');
}

.menu-media-horoscope {
  background-image: url('../images/icon-horoscope.png');
}

.menu-media-json {
  background-image: url('../images/icon-json.png');
}

.menu-media-playlist {
  background-image: url('../images/icon-playlist.png');
}

.menu-media-audio-playlist {
  background-image: url('../images/icon-audio-playlist.png');
}

.menu-media-website {
  background-image: url('../images/icon-website.png');
}

.menu-media-youtube {
  background-image: url('../images/icon-youtube.png');
}

.menu-media-instagram {
  background-image: url('../images/icon-instagram.png');
}

.menu-media-facebook {
  background-image: url('../images/icon-facebook.png');
}

.menu-media-twitter {
  background-image: url('../images/icon-twitter.png');
}

.menu-media-google-presentation {
  background-image: url('../images/icon-google-presentation.png');
}

.menu-media-google-spreadsheet {
  background-image: url('../images/icon-google-spreadsheet.png');
}

.menu-media-google-document {
  background-image: url('../images/icon-google-document.png');
}

.menu-media-audio {
  background-image: url('../images/icon-audio.png');
}

.menu-action-myaccount {
  background-image: url('../images/icon-account.png');
}

.main-menu-image {
  max-height: 50px;
  max-width: 100px;
}