/*
Theme Name: Wilderness Road
Theme URI: http://underscores.me/
Author: Studio Ammons
Author URI: http://studioammons.com/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wilderness-road
Tags:

*/



/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a, a:visited {
	color: #000;
	text-decoration: none;
}


a:hover, a:focus, a:active {
	color: #000;
}

/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
#site-navigation .menu-menu-1-container { margin-left: 340px; } /* Large Nav only */

.main-navigation {
	width: 100%;
	height: 48px;
	padding-right: 10px; padding-right: 1rem;
	margin-top: 123px;
	background-color: #e6dcbf;
	border-top: 2px solid #cc9933;
	border-bottom: 6px solid #427c52;
}

.main-navigation ul {
	list-style: none;
	/* height: 40px; */
	margin: 0;
	padding-left: 0;
}

/* CHANGE THIS - target more specific */
/* .main-navigation li */
.main-navigation .onecolmenu, .main-navigation .twocolmenu {
	height: 40px;
	float: left;
	position: relative;
	padding: 12px 6px 0 6px; padding: 1.2rem .6rem 0 .6rem;
	margin: 0 .6em;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px; font-size: 1.4rem;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 40px; top: 4rem;
	left: -999em;
	z-index: 99999;
	background-color: #427c52;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

/* ----- Turn off width on a ----- */
/*
.main-navigation ul ul a {
	width: 200px;
}
*/

.main-navigation ul ul li {
}

.main-navigation li:hover { background-color: #427c52; }

.main-navigation li:hover > a {
	color: #e6dcbf;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	/* left: auto; */
	left: -4px; left: -.4rem;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}


/*-------onecol and twocol submenus------ */



.main-navigation .onecolmenu ul li {
	width: 200px;
	padding: 8px 6px; padding: .8rem .6rem;
	border-bottom: #405f3c solid 1px;
}

.main-navigation .twocolmenu ul li {
	width: 220px;
	padding: 8px 6px; padding: .8rem .6rem;
	float: left;
	border-bottom: #405f3c solid 1px;
	border-right: #405f3c solid 1px;
}

.main-navigation .twocolmenu .sub-menu {
	width: 440px;
}

.main-navigation .onecolmenu ul li a, .main-navigation .twocolmenu ul li a { color:#e6dcbf; }
.main-navigation .onecolmenu ul li a:hover, .main-navigation .twocolmenu ul li a:hover { text-decoration: underline; }



/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit { display: none; }





/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

body {
	background: url("images/bg.jpg") no-repeat scroll center top #e6dcbf;
}

.page-template-page-templateshome-page-php { 
	background: url("images/bg-home.jpg") no-repeat scroll center top #f8f6e9;
}

#masthead { position: relative; }

.site-branding { position: absolute; }
.site-branding img { max-height: 100%; }

.site-branding-sm { display:none; }
.site-navigation-sm { display:none; }

/*
#content { background-color: #f7f6ea; }
.elevencol { background-color: #f7f6ea; }
*/

#sectionmap, #sitewrap { background-color: #f7f6ea; }

#home { margin-top: 50px; }
#home .sixcol { background: url("images/intro-blurb.png") no-repeat scroll 0 0; }
#home .sixcol { 
	padding: 100px 8px 0 12px; padding: 10rem .8rem 0 1.2rem;
}

#home .sixcol p {
	font-size: 15px; font-size: 1.5rem;
	line-height: 24px; line-height: 2.4rem;
	margin-bottom: 0;
	color: #000;
	font-weight: 500;
}

#home .entry-header { display: none; }

/* #videowrap { padding-left: 12px; } */

#videowrap iframe {
	/*width: 616px;
	height: 354px;
	margin-left: 22px;*/
	border: solid 8px #cc9933;
}


/* section background colours */
#routefrontier { background-color:#bb5752; }
#routecarolina { background-color:#ff9900; }
#routegreatroad { background-color:#009999; }
#routecrossroads { background-color:#8bb48b; }
#routefincastle { background-color:#cc99cc; }
#routedanielboone { background-color:#006699; }
#attractions, #searchresults { background-color:#fbf3da; }

/* text color specific to section */
#routefrontier .fivecol, #routefrontier .fivecol a { color:#e6d2c8; }
#routegreatroad .fivecol, #routegreatroad .fivecol a, #routedanielboone .fivecol, #routedanielboone .fivecol a { color:#ccffff; }


.googleroute {
	width: 100%;
	padding: 0 20px;
	font-size: 12px; font-size: 1.2rem;
}

.googleroute img { float:left; }

/*#routefrontier .googleroute a { color:#e6d2c8; }  color specific to section */


#wagonwrap { width:100%; margin-top:30px; }

#wagonwrap span {
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-family: Georgia, Times, "Times New Roman", serif;
}

#wagonlogo {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

#wagonlogo.dark { background: url('images/wagonlogo.png') no-repeat transparent 0 0; }
#wagonlogo.light { background: url('images/wagonlogo.png') no-repeat transparent -100px 0; }

/* wagon section icon 
#routefrontier #wagonlogo { background: url('images/wagonlogo-bg.png') no-repeat transparent 0 0; } 
#routecarolina #wagonlogo { background: url('images/wagonlogo-bg.png') no-repeat transparent -300px 0; }
#routegreatroad #wagonlogo { background: url('images/wagonlogo-bg.png') no-repeat transparent -100px 0; }
#routecrossroads #wagonlogo { background: url('images/wagonlogo-bg.png') no-repeat transparent -200px 0; }
#routefincastle #wagonlogo { background: url('images/wagonlogo-bg.png') no-repeat transparent -400px 0; }
#routedanielboone #wagonlogo { background: url('images/wagonlogo-bg.png') no-repeat transparent -500px 0; }*/


#sitewrap {
	padding: 30px; padding: 3rem;
}

/* article that wraps each single site */
#sitewrap article { padding:16px 0; border-top:1px solid #ccc; }

.siteimg {
	width: 260px;
	float: left;
	margin: 0 14px 12px 0; /* Arbitrary */
}

.siteaddress {
	display: block;
	clear: both;
}

.siteurl, .sitedirections {
	padding: 2px 0 4px 22px;
	text-transform: uppercase;
	font-size: 12px; font-size: 1.2rem;
	display: inline-block;
	margin-bottom: 4px;
}

.siteurl { 	margin-right: 16px; }

#routefrontier a .siteurl, #routefrontier a .sitedirections { color:#bb5752; } /* web and directions links */
#routecarolina a, #routecrossroads a, #routefincastle a { color:#444; } /* all 444 links */

/* Globe icon */
#routefrontier .siteurl, #sublistfrontier .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 0; }
#routecarolina .siteurl, #sublistcarolina .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 -150px; }
#routegreatroad .siteurl, #sublistgreatroad .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 -50px; }
#routecrossroads .siteurl, #sublistcrossroads .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 -100px; }
#routefincastle .siteurl, #sublistfincastle .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 -200px; }
#routedanielboone .siteurl, #sublistboone .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 -250px; }
#searchresults .siteurl { background: url('images/web-globe.png') no-repeat transparent 0 -300px; }

/* Directions marker */
#routefrontier .sitedirections, #sublistfrontier .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 0; }
#routecarolina .sitedirections, #sublistcarolina .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 -150px; }
#routegreatroad .sitedirections, #sublistgreatroad .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 -50px; }
#routecrossroads .sitedirections, #sublistcrossroads .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 -100px; }
#routefincastle .sitedirections, #sublistfincastle .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 -200px; }
#routedanielboone .sitedirections, #sublistboone .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 -250px; }
#searchresults .sitedirections { background: url('images/site-marker.png') no-repeat transparent 0 -300px; }


#searchresults .fivecol { padding:0; }
.about { width:100%; display:block; }


/* .partner-list { width: 421px; height: 122px; } */



#colophon {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f7f5ea;
	border-top: #8ba085 solid 3px;
   	/* background: #c6bca4 url("images/footer-shadow.gif") repeat-x 0 0; */
}



/*
#colophon .contacttab {
	width: 155px;
	height: 32px;
	margin-right: 30px;
	padding-top: 12px;
	text-align: center;
	float: right;
	background-image: url("images/contact-bg.png");
	font-size: 13px;
	font-weight: bold;
	line-height: 0;
	display: inline-block;
}
*/

#colophon .logopack {
	text-align: center;
	margin-top: 8px;
}

#colophon .logopack img { margin:0 8px; }

#colophon p { font-size:11px; margin: 0 0 6px 12px; text-align:center; line-height: 10px; }

#colophon p a { display:inline-block; margin:10px; text-decoration:underline; }




/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		body, { background-image: none; }
		.page-template-page-templateshome-page-php { background-image: none; }
		
		.site-branding { height: 150px; }
		#site-navigation .menu-menu-1-container { margin-left: 50px; } /* nav menu ONLY - not mmenu */
		
		#home .sixcol { background: url("images/intro-blurb-mobile.png") no-repeat scroll 0 0; }
	}
	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#masthead { background: url('images/masthead-bg.jpg') transparent 0 0; }
		.site-branding { height: 123px; }
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#masthead { background: url('images/masthead-bg.jpg') transparent -90px 0; height:auto; border-bottom:none; }
		#site-navigation { display: none; }
		.site-branding { display: none; }
		.site-branding-sm { 
			display:block;
			height: 130px;
			width: 100%;
			text-align: center;
		}
		.search-form { display: none; }
		.site-navigation-sm {
			display: block;
			width:100%;
			text-align:right;
			height:44px;
			padding-right: 20px;
			font-size: 18px; font-size: 1.8rem;
			/* background-color: #427c52; */
			background: rgb(0, 41, 0);
			background: -moz-linear-gradient(90deg, rgb(83, 119, 78) 0%, rgb(65, 97, 60) 78%);
			background: -webkit-linear-gradient(90deg, rgb(83, 119, 78) 0%, rgb(65, 97, 60) 78%);
			background: -o-linear-gradient(90deg, rgb(83, 119, 78) 0%, rgb(65, 97, 60) 78%);
			background: -ms-linear-gradient(90deg, rgb(83, 119, 78) 0%, rgb(65, 97, 60) 78%);
			background: linear-gradient(180deg, rgb(83, 119, 78) 0%, rgb(65, 97, 60) 78%);
		}
		.site-navigation-sm .hamburger {
			width: 34px;
			height: 24px;
			margin-top: 11px;
			float:right;
			background: url('images/hamburger.png') no-repeat 0 0;
		}
		.site-navigation-sm .hamburgermenu {
			padding-top: 10px;
			margin-right: 10px;
			float: right;
		}
		.site-navigation-sm .hamburgermenu span { color:#fff; }
		
		.about { display:none; }
		
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.siteurl, .sitedirections { display:inline-block; }
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.siteimg { float:none; }
	
	}