@import url("http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed");
@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic");
@import url("http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700,200");
@import url("http://fonts.googleapis.com/css?family=Montez");
/*** SIMPLE MENU (NO DROP-DOWN) ***/

#previewModeAlert{
	display:none;
}

/* RESET -- Don't touch */

.min, .sf-menu, .min ul, .sf-menu ul, .min ul li, .sf-menu ul li, .min ul a, .sf-menu ul a, .min li, .sf-menu li, .navbar, #navigation, .min a, .sf-menu a{
	background:none;
	border-radius:0;
	border:none;
	margin:0;
	padding:0 0px;
	width:auto;
	height:auto;
	float:none;
	color:#888;
}

.min:hover, .sf-menu:hover, .min ul:hover, .sf-menu ul:hover, .min li:hover, .sf-menu li:hover, .min a:hover, .sf-menu a:hover,  .min a:visited, .min a:active, .sf-menu a:visited, .sf-menu a:active.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,.sf-menu a.sf-with-ul, .min a:link, .sf-menu a:link{
	background:;
	border-radius:0;
	color:#333;
}

.sf-menu a.sf-with-ul{
	padding:0;
}

a > .sf-sub-indicator{
	display:none;
}

/* ROCK SOLID Base -- Don't touch */

.navbar {
	position: fixed;
	top: 140px;
	z-index: 11;
	background: white;
	border-top: 8px dotted #D54C6B;
	border-bottom: 8px dotted #D54C6B;
}

#navigation{
	width:100%;
	max-width: 1100px;
	margin:0 auto;
	display:table;
	text-align:center;

}

.sf-menu, .min{
display:table-row;
}

.sf-menu li, .min li{ 
	display: table-cell;
	color:#fff;
	padding: 0 1px;
}


.sf-menu a, .min a, .sf-menu a.sf-with-ul, .min a.min-with-ul{
	padding:10px 0;
	width:100%;
	display:inline-block;
	vertical-align:top;

}


.sf-menu ul, .min ul{
	display:none !important;
	visibility:visible!important;
	opacity:1 !important;
	top:auto;
	min-width:100%;
	max-width:auto;
	position:absolute;
}
.sf-menu li li {border-bottom: 1px solid #888; background: #EDEEEE; text-align: left}
.sf-menu li li:last-child {border-bottom: 0px}

.sf-menu ul, .min ul, .sf-menu:hover ul, .min:hover ul{
	top:auto !important;
	opacity:1 !important;
}

.sf-menu li:hover ul, .min li:hover ul{
	display:block !important;
	visibility:visible !important;

}

.sf-menu ul li, .min ul li, .sf-menu ul li a, .min ul li a{
	display:block;
}

.sub_menu{
	position:relative;
}

/* ### Sidebar Navigation RESET -- Don't touch  ### */

#content_panel.left_navigation #left_panel {
	width:20%;
	background: url("http://static.localedge.com/sitethemes/advanced_happytrailsrail/images/nav_bg.jpg");
	background-size: 100%;
}	

#content_panel.left_navigation #right_panel{
	width:80%;
	padding: 0 25px !important;
	background:;
}

.sf-vertical, .sf-vertical li{
	width:100%;
}
.sf-vertical, .min {
background: rgba(0, 41, 0, 0);

}

html #content_panel.left_navigation {
	padding-left: 0px;
	padding-right: 0px;
}

#left_panel .sf-menu ul, #left_panel .min ul, #left_panel .sf-menu li, #left_panel .min li, #left_panel .sf-menu li a, #left_panel .min li a{
	display:block;
}

.sf-menu.sf-vertical li:hover, #left_panel .min li:hover{
	background:transparent;
}

/* Basic Styling */

.min ul li a, .sf-menu ul li a  {
	padding:10px;
}

.min li a:link, .sf-menu li a:link, .min li a:visited, .sf-menu li a:visited {
	background: transparent;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 5px;
	letter-spacing: 1px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}


#mobileNav {
	display: none;
	width: 100%;
	height:45px;
	text-align: center;
	background:#401E3E;
	background-size:cover;
	z-index: 999;
}

#mobileNav a{
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	display: block;
	text-decoration: none;
}

/* ### MENU FIXED ON SCROLL ANIMATED ### */

.f-nav{
	position: fixed;
	top: -50px;
	opacity: 0;
	left: 0;
}
.f-nav3{
	position: fixed;
	top: -150px;
	-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
 max-width: none;
	opacity: 0;
	left: 0;
}
.f-nav2 {
opacity: 1;
position: fixed;
top: 0px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
/* background: url("http://static.localedge.com/sitethemes/advanced_happytrailsrail/images/navbar.png") no-repeat right; */
/* background-size: cover; */
max-width: none;
left: 0;
height: auto;
}

.f-nav2 .sf-vertical a{color:#fff}
.f-nav2 .sf-
 a:hover{
	background:none;
	color: #FFF;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	border-bottom: 2px solid;
}
.f-nav2 #left_panel{border-bottom: none!important; background:#333;}


/* Hovers */


/* The background color that the TOP LEVEL nav item remains, when you are hovering over sub nav items. */
.sf-menu li:hover, .min li:hover {
background: transparent!important;
color: #fff!important;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

/* The background color that nav items turn, when you hover over them  */
.sf-menu li a:hover, .min li a:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #D54C6B!important;
opacity: 1;
color: #fff;
padding: 10px 10px;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in-out;
}
.sf-menu li li a{text-align: center; -webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in-out;}

.min .active a, .sf-menu .active a {
background: #D54C6B!important;
opacity: 1;
color: #fff;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in-out;
}

.sf-menu li:hover, .sf-menu li.sfHover{}
.sf-menu li, .min li{background:transparent!important;}


@media (max-width:767px) {
#left_panel .sf-menu ul, #left_panel .min ul, #left_panel .sf-menu li, #left_panel .min li, #left_panel .sf-menu li a, #left_panel .min li a{
	display:inline-block;
}
.sf-vertical, .sf-vertical li {
width: auto;
padding: 5px;
border: 1px solid;
}

.navbar{top: 96px;}

}

@media (max-width:684px) {
	/* Color Changes */

	/* The background color that the TOP LEVEL nav item remains, when you are hovering over sub nav items. */
		.sf-menu li:hover, .min li:hover{
			background:;
		}

		/* The background color that nav items turn, when you hover over them  */
		.sf-menu li a:hover, .min li a:hover{
			background:;
		}

	/* Nav Bar Mobile */
	.navbar{
		display: none;
		height: 180px;
		top: 0;
		position: absolute!important;
		left:;
			}

	.sf-menu li, .min li, .sf-menu, .min, #navigation, .sf-menu ul, .min ul {
	   display:block !important;
	   position:static;
		background: ;
	   text-align: center;
	   padding:10px
  	}

	#content_panel #left_panel{
		display:none;
		float:none !important;
		width:95% !important;
		padding-top:0 !important;
	}

	#content_panel #right_panel{
		width:95% !important;
		float:none  !important;
	}

	#mobileNav {
		display: block;
		margin-bottom:10px;
		position: fixed;
		top: 0;
	}
	.min li a:link, .sf-menu li a:link, .min li a:visited, .sf-menu li a:visited {font-size: 16px;padding: 10px!important;
}
	.sf-menu li, .min li {padding:0;border-bottom: 1px solid #dedede;}
}