/*
Theme Name: Darkstar Media Theme
Theme URI: http://darkstarmedia.net/store/darkStarMediaTheme-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: DarkstarMedia
Author URI: http://darkstarmedia.net/
Description: Hi, I am the ultra minimal starter theme darkStarMediaTheme, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.9
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */

@font-face {
	font-family: "Open Sans";
	src: url("fonts/OpenSans-VariableFont_wdth,wght.woff2") format("woff2"),
	  url("fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype"); /* Fallback to TTF */
	font-weight: 100 900;
	font-style: normal;
  }
  
  @font-face {
	font-family: "Goudy Bookletter 1911";
	src: url("fonts/GoudyBookletter1911-Regular.woff2") format("woff2"),
	  url("fonts/GoudyBookletter1911-Regular.ttf") format("truetype"); /* Fallback to TTF */
	font-weight: 400;
	font-style: normal;
  }
  

body {
	word-wrap: normal;
	background-repeat:repeat-x;
	background-position:top;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:24px;
}

#jp-relatedposts{
	display:none !important;}

.h1, h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Goudy Bookletter 1911', serif;
  
}


.h1, h1 {
	
	color:#000000;
	font-size: 36px;
  
}
h2, .h2 {
	color:#000000;
  	font-size: 36px;
}


h3, .h3 {
	color:#000000;
	font-size: 24px;
  
}


.container {
    padding: 0px 15px 0px 15px ;
}



	
a {		
	color:#51827d;
	text-decoration:underline;}	
	
.no_rule {
	text-decoration:none;
}	



a:hover {
	color:#b35f7f;
}	


.h1 a, h1 a{
	text-decoration:none;
  
}

.h1 a:hover, h1 a:hover{
	color:#b35f7f;
	text-decoration:none;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */

img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}







/* Navigation */

.site-navigation {
    background-color: #8c9a80;
	border-bottom:#ffffff 1px solid;
	color:#fff;
	font-family: 'Goudy Bookletter 1911', serif;
	font-size:18px;
	margin: 0 auto;
	width: 100%;
	text-decoration:none;
}

.nav-wrap {
	margin: 0 auto;
	max-width: 1170px;
}


.nav>li>a {
padding: 10px 6px;
}


.navbar-default {
    background-color: #8c9a80;
    border-color: none;
}

.navbar {
    border-radius: 0px;
}
.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0px;
    border: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 	color: #fff;
	background-color:#797779;
	text-decoration:none;
}


.navbar-default .navbar-nav > li > a {
    color: #fff;
	text-decoration:none;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
	background-color:#797779;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #8c9a80;
}


.dropdown-submenu {
	position:relative;
}

.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}

.dropdown-submenu:active>.dropdown-menu,
 .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px; 
}

.dropdown-submenu:active>a:after {
	border-left-color:#ffffff;
}

.dropdown-submenu.pull-left {
	float:none;
}

.dropdown-submenu.pull-left>
.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.dropdown-menu {
    background-clip: padding-box;
	background-color: #E5E5E5;
	border: none;
	border-radius: 0px;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	display: none;
	font-size: 18px;
	left: 0px;
	list-style: outside none none;
	margin: 2px 0px 0px;
	min-width: 160px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 100%;
	z-index: 1000;
}

.dropdown-menu ul li {
    padding: 10px 0px 10px 0px;
}

.dropdown-menu > .active > a,
 .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover {
    color: #FFF;
    text-decoration: none;
    outline: 0px none;
    background-color: #8c9a80;
}


.dropdown-menu li a:active, 
.dropdown-menu li a:link, 
.dropdown-menu li a:focus,
.dropdown-menu li a:hover  {
	background-image: none;
    text-decoration: none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
	background-color: #E5E5E5;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
   color: #ffffff;
   background-color: #797779;
}


/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {

	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

		.navbar-default {
			padding: 0px 15px 0px 15px;
		}

		.site-navigation {
			font-size:14px;
		}

		.nav>li>a {
			padding: 10px 6px;
		}

		.dropdown-menu li a:hover  {
			background-color: #797779;
			background-image: none;
		}
	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

		.site-navigation {
			font-size:18px;
		}

		.nav>li>a {
		padding: 10px 10px;
		}
	}











/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

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

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
	font-style:italic;
	font-size: 11px;
}


.sidebar{
	max-width: 400px;}

.sidebar-padder{
	margin-top: -35px;
}

/* waether widget */


.widget_astero_widget .widget-title{
	font-size:24px;
	color:#51827d;
	margin-bottom:0px;
	padding-bottom:0px;}

.astero-temperature, .astero-unit{
	
	font-family: 'Goudy Bookletter 1911',serif;
	color:#51827d;
	}

.astero-credit, .astero-location, .asterofont-location{
	display:none !important;}
	
.astero .astero-small .astero-location{
display:none  !important;;	
	} 	
	
.astero .astero-small .astero-temp {
	margin-bottom:0px;}

.astero-temp{
	display:block;
	float:left;
	width:40%}
	
	

.astero .astero-more, .astero .astero-more-placeholder {
	display:none;
/* position: absolute; */
}

/* Header */


.site-header	{
	background-color:#797779;
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	width: 100%;
	margin: 0 auto;
}

.site-header-inner {
	margin: 0 auto;
	max-width: 1170px;
	padding: 0px 15px 0px 15px;
}

.site-branding {
	display:block;
	width: 100%;
	text-align: center;
	padding: 10px 20px 20px 20px ;
}
	
.site-social {
	display: none;
}	
		
	
.banner-logo {
	max-width:211px;
	min-width:200px;
	height: auto;
}	
	

.search-top {
	padding: 20px 30px 0px 0px ;
}
		
.navbar-brand {
	display:none;
}	

.hr {
	margin-top: 10px;
	background:url(images/camino_bar.png) repeat top center;
	height:19px;
	border:none !important;
}

.weather-image {

	margin-left: 0 !important;
}

@media(min-width:568px) {
	.site-branding {
		display:block;
		width: 50%;
		padding: 10px 20px 20px 20px ;
	}
		
	.site-social{
		display:block;
		padding: 0px 0px 0px 30px;
	}	
}	


@media(min-width:767px){
	.site-branding {
		width: 33%;
	}
}



/* Buttons */

.myButtonLink {
	margin-top:10px;
	padding:8px 0 0 15px;
	display: block;
	width: 212px;
	height: 41px;
	background:url(images/btn-cfmaa.png) bottom;
	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
	bottom: 0;
}


.myButtonFB {
	margin:0px 2px 0px 0px;
	padding:0px;
	display: block;
	width: 44px;
	height: 58px;
	background:url(images/social_facebook.png) bottom;
	text-indent: -99999px;
}

.myButtonLinked {
	margin:0px 2px 0px 0px;
	padding:0px;
	display: block;
	width: 44px;
	height: 58px;
	background:url(images/social_linkedIn.png) bottom;
	text-indent: -99999px;
}

.myButtonGoogle {
	margin:0px 2px 0px 0px;
	padding:0px;
	display: block;
	width: 44px;
	height: 58px;
	background:url(images/social_google.png) bottom;
	text-indent: -99999px;
}

.myButtonTwitter {
	margin:0px 2px 0px 0px;
	padding:0px;
	display: block;
	width: 44px;
	height: 58px;
	background:url(images/social_twitter.png) bottom;
	text-indent: -99999px;
}

.myButtonIndex {
	margin:0px 2px 0px 0px;
	padding:0px;
	display: block;
	width: 320px;
	height: 63px;
	background:url(images/button_bg.jpg) bottom;
}

.btn_search {
	margin:0px 2px 0px 0px;
	padding: 7px 0 0 25px;
	
	
	display: block;
	width: 320px;
	height: 63px;
	background:url(images/button_bg.jpg) bottom;
	
	font-size:36px;
	color:#000000;
	font-family: 'Goudy Bookletter 1911', serif;
	text-decoration:none;
	border: 0px;
	
}



.btn_search_sm {
	margin:0px 2px 0px -15px;
	padding: 12px 0 0 13px;
	
	
	display: block;
	width: 240px;
	height: 47px;
	background:url(images/sm_button.png) bottom;
	
	font-size:24px;
	color:#000000;
	font-family: 'Goudy Bookletter 1911', serif;
	text-decoration:none;
	border: 0px;
	
}

.btn_contact_form {
	margin: 0px 2px 0px 0px;
	padding: 0px 80px 0 0px;
	display: block;
	width: 320px;
	height: 63px;
	background: url(images/button_bg.jpg) bottom;
	font-size: 26px;
	color: #000000;
	font-family: 'Goudy Bookletter 1911', serif;
	text-decoration: none;
	border: 0px;
	
}

.btn_search_sm_content {
	padding: 10px 0 0 13px;
	font-weight:100;
	}



.footer_fb {
	margin:0px 2px 0px 0px;
	padding:0px;
	display: block;
	width: 37px;
	height: 37px;
	background:url(images/footer_social_fb.png) bottom;
	text-indent: -99999px;
}

.footer_instagram {
	margin:0px 10px 0px 50px;
	padding:0px;
	display: block;
	width: 37px;
	height: 37px;
	background:url(images/footer_social_instagram.png) bottom;
	text-indent: -99999px;
}


.footer_google {
	margin:0px 10px 0px 0px;
	padding:0px;
	display: block;
	width: 37px;
	height: 37px;
	background:url(images/footer_social_google.png) bottom;
	text-indent: -99999px;
}


.myButtonFB:hover, .myButtonLinked:hover, .myButtonGoogle:hover, .myButtonLink:hover, a.myButtonTwitter:hover, .btn_contact_form:hover,
a.myButtonLink:hover, .myButtonIndex:hover, .btn_search:hover, .btn_search_sm:hover, .footer_fb:hover , .footer_instagram:hover, .footer_google:hover {
	background-position: 0 0;
	text-decoration:none;
	    color: #000000;
}




/* Button Query */ 
	@media only screen and (min-width : 375px) {
.btn_search_sm {
	margin:0px 2px 0px 0px;
	
	
	
}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}




/*  FORMS   */

.form-control {
    display: block;
    width: auto;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #fff;
	font-weight:600;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #8c9a80;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


.form-control:hover {
    
    color: #8c9a80;
    background-color: #fff;
 
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	display:block;
	border:#51827d 1px solid;
	padding:5px;
	
}

.search-field{
	margin-left:15px;}







	

/* Home Page Syles */

.home_div_bg{
background-color: rgb(241, 241, 242);
padding: 10px 20px 10px 20px;

	}

.home_content_wrap{
	padding-top:15px;
min-height:220px;	}

.home_map{
	float:right;
	margin: 40px 0 0 20px;}


.side_map{
	margin: 40px 0 0 10px;}


.home_instructions{
	font-family: 'Goudy Bookletter 1911', serif;
	color:#000000;
	 font-size: 24px;
	 line-height:36px;
	}

.sidebar_instructions{
	font-family: 'Goudy Bookletter 1911', serif;
	color:#000000;
	 font-size: 16px;
	 line-height:22px;
	}

.icon-style{
	margin: 0px 10px 5px 0;}
	
.icon-style-pop{
	margin: 3px 3px 3px 3px;}	
	
.icon-style-town{
	padding: 3px 0px 0px 0;}

.alt_row {
	background-color:#f5f5f5;
	}
.hotel_row {
	padding: 4px 0px 0px 0px;}	
	
.camino-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;	
}	

.camino-list div .large-img {
	width: 100%;	
}	
@media only screen and (min-width : 768px) {
	.camino-list {
		grid-template-columns: 1fr 1fr;
	}	
	
}


/*  carousel */


.wrap_banners {
	margin:-3px -15px 0 -15px;
	position: relative;
	z-index: 1;
}
	
.below_banner{
	margin:1px 0 0 0 ;
	width: 100%;  
	height: 10px; 
	background: rgb(140,154,128);}	

#myCarousel {
	margin-top:3px;}
	
	
#myCarousel p {
	padding: 0px;
	margin: 0px;}
	
#myCarousel br {
	display:none;}
	
	

.carousel-caption {
    left: 0%;
    right: 0%;
    padding-bottom: 0px;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	text-align:center;
	bottom:0px;
	padding-top:0px;

}


.carousel-caption H1, .carousel-caption H1 a {
	
	font-weight:700;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	padding-bottom:10px;

}

.carousel-caption H1 a:hover {
	
	color:#ebd5e8;

}
.banner_arrow {

	font-size: 200%}



.carousel-control {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 10%;
    opacity: 0.5;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}

.glyphicon-chevron-right:before {
    content: "\e080";
	}
	
	
.glyphicon-chevron-left:before {
    content: "\e079";}




/* Carousel media queries */ 
	@media only screen and (min-width : 320px) {
.carousel-caption H1, .carousel-caption H1 a {
	font-size:24px;

}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
.carousel-caption H1, .carousel-caption H1 a {
	font-size:30px;

}
	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
.carousel-caption H1, .carousel-caption H1 a {
	
	font-weight:700;
	font-size:36px;
	padding-bottom:10px;

}

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}









/*  Callouts  */
.callouts {
	background-image:url(images/bg-callout.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:20px;
	background-color:#fafafa;
	
	
}

.callouts_content {
	margin-top:0px;
	padding:20px;
		
}


.callout_copy {
	min-height:120px;}


.callouts-border {
	border-right: 1px solid #FFFFFF;
	
}

.callouts H4 {
	margin:10px 0 10px 0;
	color:#062f3c;
	
	font-size:30px;
	font-weight:700;
	
}	
.callouts p {
	margin:0px;
	padding: 0px;
	color:#000;
	font-size:14px;

	
}	


/* Town Page */
  
  H3.pop_town_heading{
	  font-size: 26px;
margin-bottom: 5px;
color: #000000;
	  }
  .pop_town_link {
	  font-weight:100;}
  
   #camino_town .responsive{
   }
	   
   #camino_town #flexi_searchbox{
		background-color: white;
		
	}
	
	#camino_town #flexi_searchbox h3{
		font-family: 'Goudy Bookletter 1911', serif;
		font-size: 36px;
	}
	
	#camino_town .search-box-title-1{
		font-family: 'Goudy Bookletter 1911', serif;
		color: #51827d;
		font-size: 28px;
	}
	
	#camino_town #flexi_searchbox h4{
		font-family: 'Goudy Bookletter 1911', serif;
		font-size: 20px;        
	}
	
	#camino_town .b_destination_h4 h4{
		font-size: 22px;
	}
	
	
	#camino_town input{
		border: black 1px;
		display: inline;
	}
	
	#camino_town #flexi_searchbox #b_searchboxInc #b_destination{
		font-size: 22px;
		margin: 0 0 0 -5px;
	}
	
	#camino_town #flexi_searchbox #b_searchboxInc{
		font-size: 100%;
	}
	
	#camino_town #b_searchCheckOutDate{
		padding-left: 7%;
		font-size: 15px;
	}
	
	#camino_town #b_searchCheckInDate{
		font-size: 15px;
	}

	#camino_town  label {
		font-size: 16px;
	}
	
	#camino_town .breadcrumbs{
		text-align:center;
	}
	
	#camino_town #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper{
		text-align: left;
		
	}
	
	#camino_town .btn_search_sm{
		padding: 0px 0px 0px 3;
	}
	
	#camino_town .btn_search_sm_banner{
		padding: 0px 80px 0px 0px;
	}
	
	#text-2{
		margin-top: 210px;
	}

	#text-2-hotel{
		margin-top: 20px;
	}


.remove_title{
	display:none;}
   
	@media screen and (max-width : 670px){

		#camino_town .responsive{
			margin: 0 0 0 60px ;
		}	

	}

	.camino-town-desc {
		margin: 40px 0;
	}
  
/* Caminos Page */

.wrap-camino-page {
	padding: 0 20px;
}

.heading-link {
	text-decoration: none;
}

.wrap-stage-content {
	padding: 5px 15px;
}

/* Hotel Page */


	#camino_hotel h1{
	   color: #51827d;
   }
   
   #camino_hotel .offset {
		margin-left: 58.33333333%;
	}
	
	#camino_hotel .btn_search_sm{
		
		text-align:left;
	}
	
	div .sp-location-weather-pro-widget {
		max-width: inherit !important;
		margin-top: -350px;
	}
	
	.text-weather{
	}
	
	.image-weather{
	}

/*
div.sp-location-weather-pro-widget {
	
	text-align: left; 
 padding: 5px 0px 30px 0px; 
 margin:0px;
overflow: auto;
 max-width: 375px; 
	}

.weather-image{
	float:left;
	margin-right: 10px;
	padding:0;}
	
.weather-type, .weather-temp, .weather-date, .weather-region {
	float:right;}	
	*/
	
	
	@media only screen and (max-width: 768px) {
		#camino_hotel  .offset {
			margin-left: 0;
		}
	}




/* Maps CSS */ 


.map-title{
	margin-left:15px;}

.select-wrapper {
  
    
    cursor: pointer;
    float: left;
    overflow: hidden;
    padding-right: 3em;
	margin-bottom: 5px;
    width: 100%;
}

.styled-select {
   background: url(images/15xvbd5.png) no-repeat 96% 0;
   height: 30px;
   color: #fff;
   font-size:14px;
   font-weight:500 !important;
   background-color: #8c9a80;
}
.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}


.hotel_divide {
	display:block;
	clear:both;
	border-bottom:#dedede 1px dotted;
	padding-top:10px;
	margin:10px 0 10px 0;
}


.gm-style-iw div {
overflow: visible !important;
    white-space: normal !important;	}


.popup_text{
	font-size:14px;
	line-height:22px;
	max-width: 375px;
	font-weight:400;}
	
.popup_text H3{
	margin-top: 0px;
	color: #51827d;
font-size: 24px;
font-weight:600;}
	
.map_text {
	font-size:16px;
	line-height:24px;}


.stage_num, .stage_distance{
	font-family: 'Open Sans', sans-serif;
	
	color:#333333;
	}
	

.popup_left {
	width:25%;}

.popup_right {
	width:75%;}

.wrap_stage {
	margin: 0px 0 10px 0px;
	padding-bottom:5px;
	border-bottom:#dedede 1px dotted;
	}

.stage_display{
color: #51827d
}
.stage_num{
	font-weight:600;}	

.stage_name{
	font-size:26px;
	margin-bottom:5px;
	color:#51827d;}

.stage_list{
	line-height:24px;}
	
.stage_list a{
	color:#51827d;
	text-decoration:underline;}	
	
.town_link {
	
	color:#51827d;
	text-decoration:underline;}		
	
.town_link_h2 {
	text-decoration:none !important;}		

.stage_list a:hover{
	color:#b35f7f;
	}	



.hotel_list_div {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+14,f5f5f5+100&0+1,1+98 */

background: -moz-linear-gradient(top,  rgba(245,245,245,0) 1%, rgba(245,245,245,0.13) 14%, rgba(245,245,245,1) 98%, rgba(245,245,245,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 1%,rgba(245,245,245,0.13) 14%,rgba(245,245,245,1) 98%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(245,245,245,0) 1%,rgba(245,245,245,0.13) 14%,rgba(245,245,245,1) 98%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */



padding:10px;

}
	

/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {

	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}



	@media only screen and (max-width : 768px) {
		
		.text-weather{
			float: left;
		}
		
		.image-weather{
			float: left;
		}
		
		div .sp-location-weather-pro-widget{
			margin-top: 20px;
		
		}

	}












/*  Footer */

.site-footer {
	max-width: 100%;
	margin: 0 auto;
	background-color:#797779;
	padding-top: 10px;
	color:#FFFFFF;
}

.site-footer > .container {
	margin: 0 auto;
	max-width: 1170px;
}

#footer-sidebar1, #footer-sidebar2, #footer-sidebar3, #footer-sidebar4 {
padding-top: 20px;
}

.site-footer ul, .site-footer li {
	list-style:none;
	margin:0;
}


.site-footer .nav  > li > a, .site-info a  {
    padding: 0px 0px 4px 0px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:none;
}

.site-footer .nav > li > a:hover, .site-footer .nav > li > a:focus, .site-info a:hover  {
    
	text-decoration:underline;
	background-color:transparent !important;
}

.site-info {
	margin: 10px auto;
	text-align:center;
	font-size:10px;
}