/*
Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com
Author: Sergio Vitov
Author URI: http://xmacros.com
License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/
*/

.rmm {
	display:block;
	/*line-height:19px !important;*/
	line-height:40px !important;
	margin:0 auto !important;
	padding:0px;
	padding-top:14px;
	position:relative;
	text-align:center;
	width:100%;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {color:#ebebeb; text-decoration:none;}
.rmm .rmm-main-list, .rmm .rmm-main-list li {margin:0px; padding:0px;}
.rmm ul {
	display:block;
	list-style:none;
	margin:0 auto !important;
	overflow:hidden;
	width:auto !important;
}


/* sublevel menu - under construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {display:inline; padding:0px; margin:0px !important;}
.rmm-toggled {
	display:none;
	margin:0 auto !important;
	overflow:hidden;
	position:relative;
	width:100%; /* Did I add this? I'm not sure. Double-check. */
}
.rmm .rmm-toggled ul {display:none; margin:0px !important; padding:0px !important;}
.rmm .rmm-toggled ul li {display:block; margin:0 auto !important;}


/* MINIMAL STYLE */
.rmm.minimal a {color:#fff;}
/*.rmm.minimal a:hover {opacity:0.7;}*/
.rmm.minimal a:hover {background:url(../images/hover.png) no-repeat center;}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	/*font-size:15px;*/
	font-size:18px;
	margin:0px -3px 0px -3px;
	/*padding:8px 30px 8px 30px;*/
	padding:8px 14px 8px 14px;
}
.rmm.minimal .rmm-toggled {width:95%; min-height:36px;}
.rmm.minimal .rmm-toggled-controls {
	color:#fff;
	display:block;
	height:36px;
	position:relative;
	text-align:left;
}
.rmm.minimal .rmm-toggled-title {
	color:#fff;
	/*font-size:16px;*/
	font-size:18px;
	left:9px;
	position:relative;
	top:9px;
}
.rmm-button:hover {cursor:pointer;}
.rmm.minimal .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
}
.rmm.minimal .rmm-button span {
	background:#fff;
	display:block;
	height:2px;
	margin:4px 0px 4px 0px;
	width:25px;
}
.rmm.minimal .rmm-button span.thinner {
	background:#fff;
	display:block;
	height:1.8px;
	margin:5px 0px 4px 0px;
	width:25px;
}
.rmm.minimal .rmm-toggled ul li a.active {color:#C00;}
.rmm.minimal .rmm-toggled ul li a {
	border-bottom:1px solid #fff;
	background-color:#00c;
	color:#fff;
	display:block;
	padding:10px 0px 10px 0px;
	text-align:center;
	width:100%;
}
.rmm.minimal .rmm-toggled ul li:first-child a {/*border-top:1px solid #dedede;*/}


/* ====================================================================== */
/*  MEDIA BREAKPOINTS  ================================================== */
/* ====================================================================== */
@media all and (min-width:900px) and (max-width:940px) {
	.rmm {line-height:36px !important;}
}
@media all and (min-width:890px) and (max-width:899px) {
	.rmm {line-height:34px !important;}
}
@media all and (min-width:850px) and (max-width:889px) {
	.rmm {line-height:32px !important;}
}
@media all and (min-width:808px) and (max-width:849px) {
	.rmm {line-height:30px !important;}
	.rmm.minimal .rmm-main-list li a {font-size:16px;}
	.rmm.minimal .rmm-toggled-title {font-size:16px;}
}

@media all and (min-width:750px) and (max-width:807px) {
	.rmm-toggled-controls {line-height:20px !important;}
}
@media all and (min-width:700px) and (max-width:749px) {
	.rmm-toggled-controls {line-height:16px !important;}
	/*.rmm.minimal .rmm-button span {width:200px;}*/
}
@media all and (min-width:670px) and (max-width:699px) {
	.rmm-toggled-controls {line-height:14px !important;}
}
@media all and (min-width:640px) and (max-width:669px) {
	.rmm-toggled-controls {line-height:11px !important;}
}
@media all and (min-width:610px) and (max-width:639px) {
	.rmm-toggled-controls {line-height:9px !important;}
}
@media all and (min-width:560px) and (max-width:609px) {
	/*.rmm-toggled-controls {line-height:4px !important;}*/
	.rmm-toggled-controls {line-height:4px !important; display:block; position:absolute;}
	.rmm.minimal .rmm-button {display:block; position:absolute; right:9px; top:0px;}
}
@media all and (min-width:320px) and (max-width:559px) {
	.rmm-toggled-controls {line-height:0px !important; display:block; position:absolute;}
	.rmm.minimal .rmm-button {display:block; position:absolute; right:9px; top:-2px;}
	#menu {background-image:url(../images/menu-600.png); background-size:100% 2.8em; background-repeat:no-repeat;}
}