@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/* Hero Section */
.hero_container {
	background-image: url("../images/trailsearch.jpg");
	background-size:cover;
	background-position:center;
	padding-top:125px;
	padding-bottom:50px;
}
.hero_container table {
	width:100%;
}
.hero_container td {
	height:70px;
	padding:0px;
}
.hero_far_left, .hero_left, .hero_right {
	display:none;
}
.hero_far_right {
	position:relative;
	background-image: url(../images/50per_bg.png);
	background-repeat: repeat;
	margin:0px;
}
.hero_mission {
	font-family:'Open Sans';
	font-size:40px;
	color:#000000;
	line-height:70px;
	position:absolute;
	width:inherit;
	top:0px;
	right:20%;
	margin:0px;
	text-align:right;
}


/* Content Section */
.content {
	padding:40px 35% 70px 5%;
}
.rightside_ad {
	position:absolute;
	left:65%;
	width:25%;
	padding-left:5%;
	height:90%;
	max-width:375px;
}
.inline_ad {
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:30px 0 30px 0;
	margin:50px 15% 50px 15%;
}
.content .heading {
	font-family: 'Open sans';
	color:#1d9cd9;
	text-decoration: none;
	text-transform: lowercase;
	-webkit-font-smoothing: antialiased;
	letter-spacing:-0.03em;
	font-size:2em;
	line-height:1em;
}
.content .row_gap {
	padding-top:50px;
}
.content .links {
	text-align:right;
	padding-top:30px;
	font-size:0.9em;
}
.content .links a, .content .links a:visited {
	text-decoration:none;
	color:#000000;
}
.content .links a:hover {
	color:#1d9cd9;
}
.content .links .redtext a, .content .links .redtext a:visited {
	color:#E42427;
}
.content .links .redtext a:hover {
	color:#000000;
}
.content .links ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.content .links li {
	display:inline;
	padding-right:20px;
	font-weight:bold;
}
.content .links li img {
	height:30px;
	width:30px;
	vertical-align:-0.7em;
}


.content .page_options {
    width:100%;
}
.content .page_options:after {
    content:"";
    display:table;
    clear:both;
}
.content .show_pages {
    float:right;
	font-family: 'Open sans';
	text-transform: lowercase;
	-webkit-font-smoothing: antialiased;
	letter-spacing:-0.03em;
	font-size:0.8em;
}
.content .show_pages ul {
    padding:0px;
    margin:0px;
}
.content .show_pages .page_sel a {
	color:#333333;
	font-size:1.2em;
	line-height:2em;
	text-decoration: none;
}
.content .show_pages .page_sel li {
	display:inline;
	padding:5px 10px;
	margin:0px 3px;
	border:1px solid #DADADA;
}
.content .page_options ul {
	list-style: none;
	display:inline;
	line-height:2em;
}
.content .page_options ul li {
	margin:0px;
	display:inline;
    padding:0px 5px 0px 0px;
}
.content .filter_sort span {
    cursor: pointer;
	color:#1C9CD8;
	text-decoration: none;	
}
.content .filter_sort span:hover {
	color:#000000;
}
.content .filter_sort {
    display:inline-block;
    width:360px;
    color:#1C9CD8;
	-webkit-font-smoothing: antialiased;
	letter-spacing:0.05em;
	font-size:0.95em;
	font-weight:bold;
}
.content .filter_sort ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.content .filter_sort ul li {
	display:inline;
	padding:0px 5px 0px 0px;
	margin:0px;
}
.content .filter_sort ul li#li_filter {
	padding-right:30px;
}
.content .filter_sort ul li img {
    padding-left:5px;
    vertical-align:-3px;
}
.content .filter_sort ul li select {
    padding-left:5px;
}
.content .filteroptions {
	display:block;
	overflow:hidden;
	height:0px;
    opacity:0;
	transition:opacity 0.5s ease-in;
    border:1px solid #CCCCCC;
    margin-top:10px;
}
.content .filteroptions #filterclose {
    float:right;
	-webkit-font-smoothing: antialiased;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
    padding-right:15px;
    cursor:pointer;
    padding-top:10px;
}
.content .filteroptions #filterclose .bluetext {
    font-size:0.95em;
}
.content .filteroptions #filterclose a {
    color:#000000;
}
.content .filteroptions #filterclose a:hover {
    color:#1C9CD8;
    font-size:1.2em;
    transition:all 0.2s ease-out;
}
.content .filteroptions #filtersubmit input {
    margin:8px 0px 15px 20px;
    padding:5px 10px;
    -webkit-font-smoothing: antialiased;
	letter-spacing:0.05em;
	font-size:0.8em;
	font-weight:bold;
    color:#1782B4;
    border:1px solid #CCCCCC;

}
.content .filteroptions ul {
    padding:0px;
    margin:0px;
}
.content .filteroptions ul li {
	display:inline-block;
	font-family: 'Open sans';
	-webkit-font-smoothing: antialiased;
	letter-spacing:0.05em;
	font-size:0.9em;
    line-height:3em;
    vertical-align:top;
    font-weight:bold;
    text-transform: uppercase;
    color:#1C9CD8;
    padding:0px 0px 0px 20px;
    margin:0px;
    
}
.content .filteroptions ul.suboption li {
    font-weight:normal;
    text-transform:none;
    color:#666666;
    display:block;
    line-height:1em;
    font-size:0.8em;
    padding:0px 0px 7px 0px; margin:0px;
}
.content .filteroptions ul.suboption li input {
    vertical-align:middle;
    padding:0px;
    margin:0px 10px 0px 0px;
}
.content .filteroptions ul.suboption li img {
    vertical-align:middle;
}




.content .summary {
	padding-top:20px;
	padding-bottom:30px;
	font-size:0.9em;
}
.content .summary_img img {
	padding-top:50px;
	width:100%;
}
#trail_table ul {
	list-style: none;
	margin:0px; padding:0px;
}
.content #trail_rows {
	width:100%;
	font-family: 'Open sans';
}
.content #trail_rows li.trail_row {
	color:#333333;
	vertical-align: top;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:350px;
	position:relative;
	overflow:visible;
	min-height:180px;
}
.content #trail_rows span.trail_thumbnail {
	position:absolute;
	width:320px;
	top:0px;
	left:0px;
	padding:15px;
}
.play_button {
	position:absolute;
	top:105px;
	left:50%;
	margin-top:-18px;
	margin-left:-15px;
}
.play_button { transition: all .1s ease-in; }
.play_button:hover { transform: scale(1.5); }
#trail_table ul.name_location {
	padding-bottom:0.8em;
}
#trail_table ul.trail_details {
	padding-bottom:1.0em;
	color:#999999;
	font-size:0.9em;
}
#trail_table ul.trail_details strong {
	font-size:1.1em;
	color:#333333;
}
#trail_table ul.name_location li {
	padding-right:20px;
	display:inline;
}
#trail_table ul.trail_details li {
	padding-right:20px;
	display:inline;
	white-space: nowrap;
	line-height:1.7em;
}
.trail_name {
	font-size:1.5em;
	font-weight:bold;
	display:block;
	padding-bottom:0.5em;
}
#trail_rows .show_description {
	display:none;
}
#trail_rows .description {
	display:block;
}
.trail_description {
	font-size:1.0em;
	color:#666666;
	padding-bottom:5px;
}
.trail_grade img {
	vertical-align:-5px;
}
.hidden {
	display: none;
}

/* Small Desktops */
@media (min-width: 950px) and (max-width: 1279px) {
.hero_container {
	background-position:bottom;
}
.hero_mission {
	font-size:35px;
}
.content {
	padding:40px 5% 70px 5%;
}
.rightside_ad {
	display:none;
}
#trail_table .show_description {
	display:none;
}
#trail_rows .description {
	display:block;
}
}

/* Tablets */
@media (min-width: 471px)and (max-width: 949px) {
.hero_container {
	background-position:bottom;
}
.hero_mission {
	font-size:35px;
}
.content {
	padding:30px 5% 70px 5%;
}
.rightside_ad {
	display:none;
}
.content .links li {
	display:block;
	padding:5px 0px;
}
.content .links {
	text-align:left;
}
    
    
.content .show_pages {
    float:none;
    display:inline-block;
    text-align:right;
    margin-top:10px;
}
.content .show_pages:last-child {
    margin-top:0px;
    width:100%;
}


.content #trail_rows li.trail_row {
	padding-left:15px;
	overflow:hidden;
}
.content #trail_rows span.trail_thumbnail {
	position:inherit;
	float:left;
	padding:0px 15px 10px 0px;
}
.play_button {
	top:90px;
}
#trail_table ul#name_location {
	padding-bottom:1.0em;
}
#trail_table ul#name_location li {
	padding-bottom:0.1em;
	display:block;
}
#trail_table .trail_text ul.name_location {
	display:inline-block;
	padding-bottom:15px;
}
#trail_table .trail_text ul.name_location li {
	display:block;
	line-height:0.8em;
}
#trail_table .trail_text ul.trail_details li {
	display:block;
}
#trail_table .trail_description {
	float:left;
	clear:both;
}
#trail_rows .show_description {
	display:block;
}
#trail_rows .description {
	display:none;
}
}

/* Mobile */
@media (max-width: 470px) {
.hero_container {
	background-position:bottom;
	padding-top:75px;
	padding-bottom:30px;
}
.hero_mission {
	font-size:35px;
}
.content {
	padding:30px 5% 70px 5%;
}
.rightside_ad {
	display:none;
}
.inline_ad {
	width:90%;
	margin-left:0px;
	margin-right:0px;
	border-top:0px;
	border-bottom:0px;
	padding:0px;
}
.content .links li {
	display:block;
	padding:5px 0px;
}
.content .links {
	text-align:left;
}

    
.content .show_pages {
    float:none;
    display:block;
    text-align:right;
    width:100%;
    margin-top:13px;
}
.content .show_pages:last-child {
    margin-top:0px;
    width:100%;
}   
.content .filter_sort {
    width:100%;
    text-align:right;
}
.content .filter_sort ul {
    margin:0px; padding:0px;
}
.content .filter_sort ul li {
    padding:0px; margin:0px;
}
.content .filter_sort ul li#li_filter {
    display:contents;
    padding-right:0px;
}
.content .filter_sort ul li#li_sort {
    display:inline-block;
    padding-left:30px;
}
.content .page_options .page_sel a {
	color:#333333;
	font-size:1.1em;
	line-height:1.6em;
}
.content .page_options .page_sel li {
	padding:3px 8px;
	margin:0px 1px;
}
    
    
.content #trail_rows li.trail_row {
	padding-left:15px;
	overflow:hidden;
}
.content #trail_rows span.trail_thumbnail {
	position:inherit;
	padding:0px 15px 0px 0px;
}
#trail_table .trail_thumbnail img.thumbnail {
	width:100%;
	max-width:320px;
	padding-bottom:10px;
}
#trail_table .play_button {
	top:-82px;
	left:49%;
}
#trail_table .trail_text ul.name_location {
	padding-bottom:15px;
}
#trail_table .trail_text ul.name_location li {
	display:block;
	line-height:0.8em;
}
#trail_rows .show_description {
	display:block;
}
#trail_rows .description {
	display:none;
}
}