/* Example One */
#example-one { 
  margin: 0 auto; 
  list-style: none; 
  position: relative; 
}
#example-one li { 
  display: inline-block;  
}
#example-one a { 

}
#example-one a:hover { 
  color: white; 
}
#magic-line { 
  position: absolute;
  bottom: -2px; 
  left: 0; 
  width: 100px; 
  height: 2px; 
  background: #ebb934;
  padding:0 !important;
  z-index:100;
}

#page-614 #magic-line {
  opacity:0;
}
.current_page_item a { 
  
}
.ie6 #example-one li, .ie7 #example-one li { 
  display: inline; 
}
.ie6 #magic-line {
  bottom: -3px;
}

@media only screen and (min-width:768px) {

/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
  padding: 0 0 10px;
}

.cl-effect-4 a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ebb934;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
  height: 1px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
}