/*!
 * Copyright 2015 Maas Dianto <maas.dianto@gmail.com>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */
.anchor-menu {
  font-family: "Open Sans Hebrew", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  margin: 150px auto;
  width: 277px;
  background: #fff;
  z-index: 100;
  position: fixed;
  right: 0;
}
.anchor-menu h3 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: #a90329;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* IE10+ */
  background: linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* W3C */
}
.anchor-menu ul {
  background: #c0489c;
  font-size: 12px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  text-align: right;
  padding: 4px;
  -webkit-box-shadow: -10px 0px 20px -7px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: -10px 0px 20px -7px rgba(0, 0, 0, 0.38);
  box-shadow: -10px 0px 20px -7px rgba(0, 0, 0, 0.38);
}
.anchor-menu.green ul {
  background: #0A465E;
}
.anchor-menu.blue ul {
  background: #0A465E;
}
.anchor-menu.orange ul {
  background: #0A465E;
}
.anchor-menu.pink ul {
  background: #0A465E;
}
.anchor-menu ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #fff;
  display: block;
  font-weight: 600;
  position: relative;
  line-height: 14px;
  padding: 10px 70px 10px 6px;
  font-family: "Open Sans Hebrew";
}
.anchor-menu li {
  cursor: pointer;
}
.anchor-menu li:not(.selected):hover {
  background: #a53c85;
}
.anchor-menu.green li:not(.selected):hover {
  background: #0d8c82;
}
.anchor-menu.blue li:not(.selected):hover {
  background: #23599a;
}
.anchor-menu.orange li:not(.selected):hover {
  background: #ca8032;
}
.anchor-menu.pink li:not(.selected):hover {
  background: #a53c85;
}

.anchor-menu .selected {
  font-weight: bold;
  background: #fff;
}
.anchor-menu .selected a {
  color: #c0489c;
}
.anchor-menu.green .selected a {
  color: #08aa9d;
}
.anchor-menu.orange .selected a {
  color: #ea953b;
}
.anchor-menu.pink .selected a {
  color: #c0489c;
}
.anchor-menu.blue .selected a {
  color: #2c6ab5;
}
.anchor-menu .selected a:after {
  content: "\00BB";
  position: absolute;
  left: -12px;
  font-size: 36px;
  font-weight: 300;
  top: 46%;
  transform: translateY(-50%);
}
.anchor-menu-responsive {
  /*font-family: Helvetica, Arial, "Lucida Grande", sans-serif;*/
  line-height: 1.5;
  margin: 150px auto;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  z-index: 100;
  position: fixed;
  right: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .anchor-menu-responsive {
    display: none;
  }
}