.rml,
ul.rml,
Ul.rml li {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}
.rml ul {list-style:none;}

/*styling of the button. need to change the colors to theme file once code reviewed*/
.mobileMenuButton{
  cursor:pointer;
  display:block; /*keeps menu button in nav div*/
  text-decoration:none;
  margin:20px 0px; /*add space to top and bottom of button*/
  padding:10px; /*padding top and bottom*/
  width: 100px;/*set width or default to 100%*/
  border-radius: 3px; /* curve edges*/
  line-height:2em; /* line height relative to font size */
  text-align:center;
  -webkit-font-smoothing: antialiased;
  transition:all 500ms ease; /* animation to the hover state */
}

.mobileIcon:before{padding-right:5px} /* gives space before the icon */

/*add hamburger menu before*/
.mobileOpen:before {
   content: "\f0c9 ";
    font-family: FontAwesome; 
}

/*add close menu before*/
.mobileClose:before {
  content: "\f068 ";
  font-family: FontAwesome; 
}


/*animation to make the text bounce*/
@keyframes fadeInDown {
     from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rml{
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
-webkit-animation-duration: .75s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: fadeInDown;
  -moz-animation-duration: .75s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: fadeInDown;
  -ms-animation-duration: .75s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: fadeInDown;
  animation-duration: .75s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: fadeInDown;
}



.rml ul {list-style:none;}


ul.rml {
text-align:left;
}

ul.rml li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
}

.plusIcon::after{
  content: "\f067";
  font-family: FontAwesome;
}

/*removed. no way to close a menu once opened.*/
.minusIcon:after {
}

.rml li a {
  /*fade in pretty like*/
  -webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	display: block; 
	padding: 1.0em 1.4em;
	text-decoration: none;
}
.rml li:hover {}
.rml li:hover a {}