/*
Theme Name: 	MountainZone
Author:         Derek Ashauer
Author URI:     http://www.ashwebstudio.com
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,800);
/*
@import url(https://fonts.googleapis.com/css?family=Georgia:400,700,800);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700,800);
/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 120%; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { vertical-align: middle; }
input[type="submit"] { cursor: pointer; }

/* WordPress required styles */
.alignright { float: right; margin: 0 0 10px 15px; }
.alignleft { float: left; margin: 0 15px 10px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-top: 10px; margin-bottom: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
body { background: #FFF; text-align: center; }
p { font: normal 18px "Georgia", serif; color: #4d4d4d; line-height: 1.7; }
div, li, h1, h2, h3, h4, td, th, input, select, textarea { font: normal 18px "Raleway", sans-serif; color: #4d4d4d;  line-height: 1.7;}
p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; }
h1, h2, h3 { line-height: 1.1; color: #000; }
a img, :link img, :visited img { border: none }
a { color: #0090ff; text-decoration: none; }
a:hover { color: #5eb9ff; }
div.clear { clear: both; overflow: hidden; height: 1px; }
input { vertical-align: middle; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.gfield { margin-left: 0 !important; }

#wrapper { position: relative; width: 100%; }
.container { width: 100%; max-width: 1080px; margin: 0 auto; text-align: left; }

.button { background: none; border: 1px solid #999; padding: 8px 18px; text-decoration: none; font-size: 13px; text-transform: uppercase; display: inline-block; margin-top: 15px; cursor: pointer; }
.button:hover { background: #41cdc5; color: #FFF; }

#header, #header nav {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/* ----------------------------------- */
/* HEADER
/* ----------------------------------- */
#header { background: #FFF; padding: 15px 0; z-index: 888; position: relative; border-bottom: 1px solid #dbdbdb; }
/*
#header.is_stuck { padding: 15px 0; }
#header.is_stuck nav { margin-top: 10px; }
*/

#logo { float: left; font-size: 30px; text-decoration: none; color: #FFF; text-transform: uppercase; }

#quick-search { display: none; background: #ebebeb; padding: 15px 25px; position: absolute; right: 0; top: 100%; z-index: 10000; text-align: center; }
#quick-search input[type="submit"] { background: #000; border: none; color: #FFF; padding: 10px 30px; font-weight: 800; }
#quick-search input[type="text"] { border: 1px solid #b2ddff; font-size: 18px; padding: 10px; min-width: 250px; }
#quick-search input { display: inline-block; }
#quick-search:after {
	bottom: 100%;
	right: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ebebeb;
	border-width: 20px;
	margin-left: -20px;
}

#header nav { margin-top: 15px; }
#header nav ul { float: right; }
#header nav li { float: left; list-style: none; margin: 10px 0 0 20px; padding: 0 0 10px 20px; position: relative; font-size: 17px; text-transform: uppercase; font-weight: 800; }
#header nav li a { text-decoration: none; color: #000; }
#header nav li a:hover { color: #0090ff; }

#header nav li .sub-menu { left: -9999em; position: absolute; top: 35px; z-index: 100; background: #FF0000; padding: 7px 20px 15px 20px; }
#header nav li:hover .sub-menu { left: 0; }
#header nav li .sub-menu li { float: none; border: none; background: none; margin: 0; padding: 0; }
#header nav li .sub-menu li:before { display: none; }
#header nav li .sub-menu a { color: #FFF; background: none; padding: 0; white-space: nowrap; height: auto; line-height: 1.4; margin: 3px 0 0 0; font-size: 15px; text-transform: none; }
#header nav li .sub-menu a:hover { color: #CCC; }
.sub-menu:before { content:""; position:absolute; top:-10px; left:20px; bottom:auto; left:auto; border-width:0 10px 10px; border-color:#FF0000 transparent; z-index: 50; border-style:solid; display:block; width:0; }

#mobile-menu-link { display: none; }
#search-link { float: right; display: block; font-size: 28px; margin: 0 0 0 45px; color: #000; }

#mobile-menu { display: none; }

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */

#slideshow { position: relative; }
#slideshow li { height: 650px; max-height: 80vh; background-size: cover; position: relative; }
#slideshow li .caption { position: absolute; bottom: 0; left: 0; width: 80%; padding: 50px 10%; color: #FFF; font-size: 52px; font-weight: bold; text-align: center; background: rgba(0,0,0,.6); line-height: 1.1; }
#slideshow a { color: #FFF; display: block; width: 100%; height: 100%; }
#slideshow-next, #slideshow-prev { font-family: "FontAwesome"; position: absolute; top: 40%; z-index: 999; }
#slideshow-next a, #slideshow-prev a { font-size: 60px; text-decoration: none; }
#slideshow-next { right: 25px; }
#slideshow-prev { left: 25px; }

.home #main h1 { text-align: center; font-size: 30px; text-transform: uppercase; font-weight: 800; border: none; }
.home #main ol li { width: 30%; float: left; list-style: none; margin: 0 0 40px 5%; outline: 1px solid #efefef; text-align: center; }
.home #main ol li:nth-child( 3n+1 ) { clear: left; margin-left: 0; }
.home #main ol li img { max-width: 100%; height: auto; margin: 0 0 15px 0; }
.home #main ol li h2, .home #main ol li p { padding: 0 25px; font-weight: 700; }
.home #main ol li h2 a { color: #000; text-decoration: none; }
.home #main ol li h2 { font-size: 26px; font-weight: 800; }
.home #main ol li p a { text-decoration: none; }
.home #main ol li p.post-meta { font-weight: normal; }

#states { padding: 0 0 75px 0; }
#states .columns { margin-bottom: 50px; }

#interactive-map { margin: 0 auto 50px auto; max-width: 780px; }
#map-tip p { color: #FFF !important; }


/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#main { padding: 50px 0; }

#crumb { font-size: 12px; color: #999; margin: 0 0 5px 0; }
#crumb a { color: #999; text-decoration: none; }
#crumb a:hover { text-decoration: underline; }

#main h1 { font-weight: 800; font-size: 44px; text-transform: uppercase; border-bottom: 2px solid #000; padding: 0 0 20px 0; }

#main section { float: left; width: 65%; }
#main section li { margin-left: 25px; }
#main section h2 { font-size: 36px; font-weight: 800; }
#main section h3 { font-size: 24px; margin: 0 0 5px 0; }
#main section img { max-width: 100%; height: auto; }
#main section blockquote { border-left: 4px solid #EFEFEF; padding-left: 20px; }
#main section blockquote p { font-style: italic; font-weight: bold; font-size: 24px; }

#main .topozone-search { margin: 0 0 40px 0; }

#map { width: 100%; height: 500px; }
.tax-location #map { margin-bottom: 40px; }
#map-by { display: none; }
.map-print #map { width: 650px !important; height: 760px !important; margin: 0 auto 30px auto; }
.map-print h1 { text-align: center; font-size: 20px; }
.map-print p#print-link { font-size: 16px; }

table#places { width: 100%; }
table#places th { font-weight: bold; padding: 0 0 5px 0; border-bottom: 1px solid #CCC; }
table#places td { padding: 5px 0; border-bottom: 1px solid #EFEFEF; }

.columns {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    list-style-type: none !important;
}
.columns li { margin-left: 0 !important; list-style: none; }
/* correct webkit/chrome uneven margin on the first column*/
.columns li:first-child {
    margin-top:0px;
}

#data p { font-size: 18px; }

#main aside { float: right; width: 28%; }
#main aside .widget { margin: 0 0 30px 0; }
#main aside .widget h2 { font-size: 30px; font-weight: 800; text-align: center; padding-bottom: 5px; border-bottom: 2px solid #000; }
#main aside .widget.popular-posts img { max-width: 100px; height: 100px; }
#main aside .widget.popular-posts li { list-style: none; margin: 0 0 20px 0; }
#main aside .widget.popular-posts li a { font-size: 18px; font-weight: 800; color: #000; text-decoration: none; }
#main aside .widget .instagram-pics li { list-style: none; width: 30%; float: left; margin: 0 0 0 5%; }
#main aside .widget .instagram-pics li:nth-child( 3n+1 ) { clear: left; margin-left: 0; }
#main aside .widget .instagram-pics li img { max-width: 100%; height: auto; }
.rpwe-summary { margin-left: 65px; }

.widget_mc4wp_form_widget { background: #000 url(images/email-signup.jpg) center center no-repeat; background-size: cover; padding: 30px; text-align: center; }
.widget_mc4wp_form_widget p { font-size: 30px; color: #FFF; font-weight: 800; line-height: 1.1; }
.widget_mc4wp_form_widget i { display: block; font-size: 46px; }
.widget_mc4wp_form_widget input { border: none; padding: 6px 10px; display: inline-block; font-size: 14px; }
.widget_mc4wp_form_widget input[type="submit"] { background: #0090ff; color: #FFF; font-weight: 800;  text-transform: uppercase; }

/* Blog */
article.post { margin: 0 0 20px 0; clear: both; border: 1px solid #efefef; }
article.post img { float: left; margin: 0 0 30px 0; }
article.post h2, article.post p { padding: 0 30px; }
article.post h2 a { color: #000; text-decoration: none; }
article.post p { font-weight: 700; }
article.post p.post-meta { font-weight: normal; }

.done { display: none; }

.single #main h1 { border: none; font-size: 52px; text-transform: none; }
.single #main p.post-meta { font-weight: 700; }
.single #main p.post-meta img { max-height: 45px; width: auto; display: inline-block; vertical-align: middle; }
.single #main p.post-meta span.divider { color: #d2d2d2; margin: 0 5px; font-weight: normal; }
#main section h3.comments-header { border-top: 2px solid #000; margin: 30px 0 20px 0; padding-top: 30px; font-size: 32px; font-weight: 800;  }

.wp_rp_wrap h3 { border-top: 2px solid #000; margin: 50px 0 20px 0; padding-top: 50px; font-size: 32px; font-weight: 800; text-align: center; }
.wp_rp_wrap { clear: both; }
.wp_rp_wrap li { width: 30%; float: left; list-style: none; margin: 0 0 40px 5%; outline: 1px solid #efefef; text-align: center; }
.wp_rp_wrap li:nth-child( 3n+1 ) { clear: left; margin-left: 0; }
.wp_rp_wrap li img { max-width: 100%; height: auto; margin: 0 0 15px 0; }
.wp_rp_wrap li .wp_rp_title, .wp_rp_wrap li p { padding: 0 25px; font-weight: 700; }
.wp_rp_wrap li .wp_rp_title { line-height: 1.1; color: #000; text-decoration: none; font-size: 26px; font-weight: 800; display: block; }
.wp_rp_category { display: block; font-size: 14px; margin: 15px 0; }

.pagination .nav-links { text-align: center; }

/* Maps */
#map { margin: 0 0 40px 0; }
#main section #maps-list li { list-style: none; margin: 0 0 40px 0; }
#main section #maps-list li img { float: left; max-width: 25%; height: auto; }
#main section #maps-list li h3, #main section #maps-list li p { margin: 0 0 4px 30%; }
#main section #maps-list li h3 a { color: #000; text-decoration: none; font-size: 24px; font-weight: 800; }
#main section #maps-list li p a { text-transform: uppercase; font-weight: 400; font-size: 12px; }

.markeranchor {     display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
 }

/* List of Markers */
#main section ul.markers li { list-style: none; margin: 0 0 25px 0; clear: both; }
#main section ul.markers li img { float: left; margin: 0 0 25px 0; }
#main section ul.markers li h3, ul.markers li p { margin-left: 115px; }
#main section ul.markers li h3 { margin-bottom: 4px; font-weight: 400; }
#main section ul.markers li h3 a { color: #000; text-decoration: none; }
#main section ul.markers li p { font-size: 13px; margin-bottom: 4px; }
#main section ul.markers li p a { font-size: 12px; text-transform: uppercase; }

/* Towns */
#main section .town-list li { float: left; width: 30%; margin: 0 0 50px 5%; list-style: none; font-size: 24px; line-height: 1.1; }
#main section .town-list li:nth-child( 3n+1 ) { clear: left; margin-left: 0; }
#main section .town-list li a { display: block; }
#main section .town-list li a span.count { color: #999; display: block; font-style: italic; font-size: 14px; }

#main section .article-list li { list-style: none; margin: 0 0 25px 0; }
#main section .article-list li img { float: left; max-width: 75px; height: auto; }
#main section .article-list li h3, #main section .article-list li p { margin-left: 100px; }
#main section .article-list li p.post-meta { font-size: 14px; color: #666; }

#main section .cpt-list li { clear: both; list-style: none; margin: 0 0 20px 0; }
#main section .cpt-list li img { float: left; width: 80px; height: auto; margin: 0 0 20px 0; }
#main section .cpt-list li h3 { margin-left: 100px; font-size: 16px; }

.block { margin: 50px 0 0 0; }
#main section .thumb-list li { list-style: none; float: none; float: left; width: 30%; margin: 0 0 0 5%; }
#main section .thumb-list li:nth-child( 3n+1 ) { clear: left; margin-left: 0; }
#main section .thumb-list li h3 { font-size: 18px; }

/* Single CPT */
.tabs ul.tab-menu { padding: 0; margin: 0; display: block; }
#main section .tabs ul.tab-menu li { list-style: none; display: inline-block; margin: 0 30px 0 0; }
.tabs ul.tab-menu li:first-child { margin-left: 0; }
.tabs ul.tab-menu li a { text-decoration: none; font-size: 16px; padding-bottom: 12px; display: block; }
.tabs ul.tab-menu li a.active { font-weight: 700; position: relative; }
.tabs ul.tab-menu li a.active i { color: #e9a129; }
.tabs ul.tab-menu li a.active:before {
    content: ' ';
    width: 0px;
	height: 8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #FFF;
    position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: 0;
	overflow: hidden;
}
.tabs .tab-content { display: none; }
.tabs .tab-content.active, .tabs .tab-content:first-of-type { display: block; }
.tabs #tab-photos #slideshow { text-align: center; visibility: hidden; }
.tabs #tab-photos #slideshow .bx-clone { display: none !important; }
.tabs #tab-photos #slideshow img { max-width: 100%; max-height: 350px; height: auto; width: auto; margin: 0 auto; }
#slideshow-thumbnails { margin: 10px 0 0 0; }
.tabs #tab-map { text-align: center;  }
#tab-map #map { height: 400px; margin: 0 0 10px 0; }
#tab-map a { margin: 0 5px; text-decoration: none; font-size: 16px; }
#tab-map a i { color: #e9a129; }
#tab-photos #slideshow img { margin: 0 0 5px 0; }
#tab-photos #slideshow-thumbnails img { width: 50px; height: 50px; }

/* Author */
#author-bio { margin: 0 0 40px 0; }
#author-bio img { float: left; }
#author-bio p { margin-left: 115px; font-size: 18px; }


/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer { padding: 50px 0; background: #000 url(images/footer-bg.png) center bottom no-repeat; }
#footer .col { float: left; margin: 0 0 0 100px; }
#footer .col:first-child { margin-left: 0; }
#footer p.title { font-size: 12px; color: #FFF; text-transform: uppercase; margin: 0 0 6px 0; }
#social a { color: #696969; font-size: 20px; cursor: pointer; margin: 0 5px 0 0; }
#social a:hover { color: #0090ff; }
#footer-menu li { display: inline-block; padding: 0 10px; border-left: 1px solid #333; }
#footer-menu li a { color: #FFF; font-size: 12px; text-decoration: none; text-transform: uppercase; }
#footer-menu li a:hover { color: #0090ff; }
#footer-menu li:first-child { border: none; }
#footer #newsletter { float: right; margin: 0; }
#newsletter form { background: #242424; padding: 5px 10px; }
#newsletter input { background: transparent; border: none; color: #FFF; }
#newsletter input[type="submit"] { font-family: "FontAwesome"; border: none; border-left: 1px solid #696969; color: #696969; padding: 0 0 0 8px; }
#copyright { clear: both; text-align: center; font-size: 12px; color: #FFF; }

/* ----------------------------------- */
/* MOBILE
/* ----------------------------------- */

@media screen and (max-width: 1170px) {

	.container { padding-left: 5%; padding-right: 5%; width: 90%; }

	#header .container { text-align: center; position: relative;  }
	#logo { float: none; margin: 0 auto; }
	#logo img { max-height: 50px; width: auto;  }

	#header nav { margin: 0; }
	#mobile-menu-link, #mobile-close-link { display: block; font-size: 30px; color: #000; position: absolute; left: 5%; top: 0; }
	#mobile-close-link { color: #FFF; margin: 15px; }
	#search-link { position: absolute; right: 5%; top: 0; font-size: 30px; }

	#main-menu ul { display: none; }
	#mobile-menu { display: block; height: 100%; position: fixed; z-index: 10005; top: 0; left: -330px; width: 330px; background: #000; text-align: left;
		-webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    transition: all 0.5s;
	}
	.nav-open #mobile-menu { left: 0; }
	.nav-open #mobile-menu img { margin: 15px 0 15px 80px; }
	#mobile-menu ul { border-top: 1px solid #333; margin-top: 15px; padding: 15px 0; }
	#mobile-menu li a { font-size: 24px; font-weight: 800; color: #FFF; text-decoration: none; padding: 8px 25px; display: block; }

	#footer .container { text-align: center; }
	#footer .col { float: none !important; display: inline-block; vertical-align: top; margin: 0 25px 30px 25px !important; }

}

@media screen and (max-width: 759px) {

	#main h1 { font-size: 30px !important;  }
	#main section h2 { font-size: 22px; }

	#main section, #main aside { float: none; width: 100%; margin: 0 0 30px 0; }
}

@media screen and (max-width: 600px) {

	p, div, li, h1, h2, h3, h4, td, th, input, select, textarea { font-size: 16px; }

	#logo { font-size: 24px; }
	#mobile-menu, #search-menu { font-size: 24px; }

	#quick-search { width: 90%; padding-left: 5%; padding-right: 5%; }

	#slideshow li { height: 300px; }
	#slideshow span a { font-size: 30px; }
	#slideshow li .caption { font-size: 20px; padding-top: 20px; padding-bottom: 20px; }

	.home #main ol li, .wp_rp_wrap li { width: 100%; margin: 0 0 20px 0; }


}

/* ----------------------------------- */
/* PRINT
/* ----------------------------------- */
@media print {
	#header { display: none; }
}

/* ----------------------------------- */
/* RESPONSIVE MAP OVERRIDE
/* ----------------------------------- */

@media screen and (min-width: 780px) {
	#map_base svg {
		height:530px;
	}
}