/* ultimaterollercoaster.com Top Navigation */

#urcnavBack { float: left; margin: 5px 0 0 0; 
		   border-top: 1px solid #69f; border-right: 0px solid #006; border-bottom: 1px solid #006;
		   width: 100%; height: 25px; padding: 0;
		   background: url(/img/topnav_sprite.gif) no-repeat -0px 0;
		   background: -moz-linear-gradient(center top, #00c, #000094 60%, #000091 60%, #009) repeat scroll 0 0 transparent; /* Firefox 3.6+ */
		   background: -webkit-gradient(linear, left top, left bottom, from(#00c), to(#009)); /* Chrome, Safari4+ */
		   background: -webkit-linear-gradient(top, #00c, #000094 50%, #000091 50%, #009); /* Chrome10+, Safari5.1+ */ 
}

/* Regular nav for screen widths of 600px or wider */
@media only screen and (min-width: 600px) {
	#urcnav { top: 0; position: relative: display: inline-block; margin: -2px auto 0 auto; border: 0px; width: 554px; height: 28px; padding: 0; list-style-type: none;  }
	
	#urcnav li { float: left; }

	#urcnav a { display: inline-block; height: 28px; text-align: center; text-decoration: none; color: #039; background: url(/img/topnav_sprite_new.png) no-repeat -0px 0; text-indent: -1000em; overflow: hidden; }
	
	#urcnav a.home { width: 54px; background-position: -160px 0px; }
	#urcnav a.home:hover { background-position: -160px -28px; }
	#urcnav a.home-on { width: 54px; background-position: -160px -56px; }
	
	#urcnav a.rc { width: 81px; background-position: -214px 0px; }
	#urcnav a.rc:hover { background-position: -214px -28px; }
	#urcnav a.rc-on { width: 81px; background-position: -214px -56px; }
	
	#urcnav a.tp { width: 66px; background-position: -295px 0px; }
	#urcnav a.tp:hover { background-position: -295px -28px; }
	#urcnav a.tp-on { width: 66px; background-position: -295px -56px; }
	
	#urcnav a.tr { width: 66px; background-position: -361px 0px; }
	#urcnav a.tr:hover { background-position: -361px -28px; }
	#urcnav a.tr-on { width: 66px; background-position: -361px -56px; }
	
	#urcnav a.hot { width: 71px; background-position: -427px 0px; }
	#urcnav a.hot:hover { background-position: -427px -28px; }
	#urcnav a.hot-on { width: 71px; background-position: -427px -56px; }
	
	#urcnav a.for { width: 79px; background-position: -498px 0px; }
	#urcnav a.for:hover { background-position: -498px -28px; }
	#urcnav a.for-on { width: 79px; background-position: -498px -56px; }
	
	#urcnav a.news { width: 66px; background-position: -577px 0px; }
	#urcnav a.news:hover { background-position: -577px -28px; }
	#urcnav a.news-on { width: 66px; background-position: -577px -56px; }
	
	#urcnav a.sou { width: 71px; background-position: -643px 0px; }
	#urcnav a.sou:hover { background-position: -643px -28px; }
	#urcnav a.sou-on { width: 71px; background-position: -643px -56px; }
}


/* CSS Slide-In Mobile Nav */

.responsive-nav-icon {
	border-right: 1px solid #006;
	border-left: 1px solid #006;
	line-height: normal;
	width: 40px; 
	height: 25px;
	top: 0; left: 84%;
	padding: 0;
	text-align: center;
}

.responsive-nav-close { top: -94%; left: 90%; /*border: 1px solid #fff; */ padding: 1px; }

.responsive-nav-icon, .responsive-nav-close { 
	cursor: pointer; 
	display: none;     
    position: relative;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 18px; 
    vertical-align: middle; }

.responsive-nav-icon::before { display: inline-block; font-family:"Font Awesome 5 Free"; content: "\f0c9"; font-weight: 900; /* Won't show with font-weight 900 */ }

.responsive-nav-close::before { display: inline-block; font-family:"Font Awesome 5 Free"; content: "\f057"; font-weight: 900; }
.responsive-nav-icon:hover, .responsive-nav-close:hover { opacity: .7; }

#overlay {
    background: 0 0 rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    position: fixed;
    top: 0; left: 0;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 0; }

/* Top down menu appears as slider menu for screen width up to 599px */
@media only screen and (max-width: 599px) {
	.responsive-nav-icon,
	.responsive-nav-close {
	    display: inline-block;
	    position: relative;
	    z-index: 1; }

	nav {
	    /*height: 80%;*/
	    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
	    margin: 0;
	    padding: 0;
	    position: fixed;
	    /*top: 0; right: -400px;*/
	    top: 0; right: -400px;
	    -moz-transition: all 0.6s ease-in-out 0s;
	    -webkit-transition: all 0.6s ease-in-out 0s;
	    -ms-transition: all 0.6s ease-in-out 0s;
	    transition: all 0.6s ease-in-out 0s;
	    width: 0;
	    background-color: #00a;
	    overflow: hidden; }
	
	nav.slide-in {
	    top: 0; right: 0;
	    /*right: 0;*/
	    overflow-y: hidden;
	    width: 260px;
	    z-index: 100; }
	
	nav .menu-item { display: block; }
	
	#urcnav { margin: 0; padding: 0; list-style-type: none; }
	ul#urcnav { border-top: 1px solid; #006; }
	#urcnav li { display: block; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #69f #006 #006 #006; width: 260px; padding: 10px 0px 10px 18px; font-size: 12px; font-weight: bold; color: #eee; text-transform: uppercase; font-family: "helvetica", verdana, sans-serif; }
	#urcnav a.home::before { content: "\f015  "; font-family: "Font Awesome 5 Free"; }
	#urcnav a { display: block; color: #fff; text-decoration: none; }
}

/* Site Info Nav */
#urcnav a.info { display: block; width: 94px; height: 28px; background-image:url(/img/info/nav_cp.gif); }
#urcnav a.mgr { display: block; width: 94px; height: 28px; background-image:url(/img/mgr/nav_cp.gif); }