/*
Theme Name: Inn on the Alameda
Description: A custom designed and developed theme for
Author: Thomas Murphy
Version: 1.0
Template: boilerplate
*/
@import url("css/bootstrap.min.css");
@import url("css/bootstrap-responsive.min.css");
@import url("css/fonts.css");
@import url("css/flexslider.css");
@import url("//hello.myfonts.net/count/2df172");
@import url("//hello.myfonts.net/count/2df177");
@font-face {font-family: 'MuseoSlab-500';
src: url('fonts/2DF177_0_0.eot');
src: url('fonts/2DF177_0_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2DF177_0_0.woff2') format('woff2'),
url('fonts/2DF177_0_0.woff') format('woff'),
url('fonts/2DF177_0_0.ttf') format('truetype');}
@font-face {
	font-family: 'MuseoSlab-900';
	src: url('fonts/2DF172_0_0.eot');
	src: url('fonts/2DF172_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/2DF172_0_0.woff2') format('woff2'),
	url('fonts/2DF172_0_0.woff') format('woff'),
	url('fonts/2DF172_0_0.ttf') format('truetype');
}
#map_holder{
		position: relative;
	}
/********************************** Google Map *******************/
#map_holder { margin-bottom:20px; padding-bottom:20px; }
#map-overlay{
			position: absolute;
			pointer-events: none;
			background-image: url('IOA_map_Overlay_Color.png');
			background-position: top left;
			background-repeat: repeat-x;
			background-size: auto 100%;
			width: 100%;
			height: 350px;
			z-index: 100;
			padding-bottom: 26px;
			opacity: 0.3;
}
/*****************************************************************/
#map2 { position: relative;
z-index: 0;
}
img {
	max-width:100%;
}
html{
	width: 100%;
	height: auto;
	overflow: auto;
}
body{
	width: 100%;
	height: auto;
	overflow: hidden;
	font-family: "Times New Roman", serif;
	background-color: #DADBB2;
	color: #4f503f;
	font-size: 16px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'MuseoSlab-900', serif !important;
}
h1{
	font-weight: normal;
	font-size: 24px;
	font-family: "Times New Roman", serif;
	color: #904a2d;
}
h2{
	font-size: 18px;
	line-height: 20px;
}
	h2 a, h2 a:visited{
		color: #4f503f;
	}
	h2 a:hover{
		color: #af6a48;
		text-decoration: none;
	}
h3{
	font-size: 16px;
}
h4{
}
a, a:visited{
	color: #af6a48;
}
a:hover{
	color: #af6a48;
	text-decoration: underline;
}
ul{
}
	ul li{
	}
	/*ul li:before {
		content: '\2022';
		padding: 10px;
		text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
		color: #efefef;
		font-size: 24px;
	}*/
ol{
}
	ol li{
	}
p{
}
hr{
}
strong{
}
em{
}
table tbody{
	vertical-align: top;
}
inp
.large{
	font-size: 18px;
}
.orange{
	color: #af6a48;
}
.dark_orange{
	color: #904a2d;
}
.align_center{
	text-align: center;
}
.pull-center{
	display: block;
	margin: 0px auto;
}
.spaced_text{
	line-height: 1.5em;
}
.clear{
	clear: both;
}
.margin_left{
	display: block;
	margin-left: 20px;
}
.margin_right{
	display: block;
	margin-right: 20px;
}
.wrapper{
	background-color: #DADBB2;
}
/*-------------Default WP Stuff-----------------*/
.content_block img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: .8em;;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea {
	padding-left: 5px !important;
}
.ginput_container input{
	margin-bottom: 0px;
}
.gform_wrapper .ginput_complex.ginput_container label{
	margin-top: 0px;
}
.gform_wrapper .ginput_container ul.gfield_checkbox li input[type="checkbox"], .gform_wrapper .ginput_container ul.gfield_radio li input[type="radio"]{
	width: 16px !important;
}
/* TEXT ALIGNMENT ----------------------------------------------------------------------------------------------------- */
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
/* NO MARGINS ----------------------------------------------------------------------------------------------------- */
.no-margin {
	margin:0px;
}
.no-margin-left {
	margin-left:0px;
}
.no-margin-right {
	margin-right:0px;
}
.no-margin-top {
	margin-top:0px;
}
.no-margin-bottom {
	margin-bottom:0px;
}
/* NO PADDING ----------------------------------------------------------------------------------------------------- */
.no-padding {
	padding:0px;
}
.no-padding-left {
	padding-left:0px;
}
.no-padding-right {
	padding-right:0px;
}
.no-padding-top {
	padding-top:0px;
}
.no-padding-bottom {
	padding-bottom:0px;
}
/* Header ------------------------------------------------------------------------------------------ */
#header {
	background-color:#c8cca7;
	position:relative;
	z-index:10000;
}
.contact-details, .contact-details li, #top-buttons ul, #top-buttons li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.contact-details {
	position:relative;
	top:-5px;
}
.contact-details li, #top-buttons ul li {
	display:inline-block;
	font-family: 'MuseoSlab-500', serif !important;
	font-size:.8em;
}
.contact-details li.spacer {
	padding:0px 15px;
}
#top-buttons {
	padding-top:101px;
}
#top-buttons ul {
	text-align:right;
}
#top-buttons ul li {
	margin-right:10px;
}
#top-buttons #home-btn, #top-buttons #contact-btn {
	background:url(img/top-buttons.png) no-repeat 0 0;
	text-indent:99999px;
	height:25px;
	width:25px;
	display:inline-block;
}
#top-buttons #contact-btn {
	background-position:-35px 0px;
}
#nav-container {
	position:absolute;
	left:6%;
	right:6%;
	z-index:1;
}
#main-nav {
	position:relative;
}
#menuzord {
	margin:auto;
	z-index:9999;
}
.menuzord-menu {
	float:none !important;
}
.menuzord-menu > li > a {
	background-color:rgba(255,255,255,.5);
	margin-right:10px;
	padding:5px 15px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-transform:uppercase;
	color:#fff;
/*	font-family: 'MuseoSlab-500', serif !important;*/
	font-family: 'MuseoSlab-900', serif !important;
	font-size:.75em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display:inline-block;
	text-align:center;
	min-height:46px;
	width:100%;
}
.menuzord-menu ul.dropdown li a {
	font-family: 'MuseoSlab-900', serif !important;
}
.menuzord-menu > li > a, .menuzord-menu ul.dropdown li a {
	background-color:rgba(255,255,255,.5);
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
	background-color:transparent;
}

.menuzord-menu > li > a:hover {
	color:#000;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.no-border {
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.menuzord-menu ul.dropdown li a {
	background:rgba(255,255,255,.5);
}
.menuzord-menu .sub-menu a {
	color:#fff;
}
#logo img {
	margin-top:47px;
	width:95%;
}
/* Booking Bar ------------------------------------------------------------------------------------- */
	#header_right{
			background-color: #757859;
			margin-left: 0px;
			position: relative;
			z-index: 50;
			width: 640px;
		}
			#booking_info{
				clear: both;
			}
				#booking_form{
					margin-left: 10px;
				}
					#booking_form .form_block{
						display: block;
						float: left;
						margin: 5px 5px;
						position: relative;
						height: 50px;
						overflow: visible;
					}
						#booking_form label{
							font-family: 'MuseoSlab-900', serif !important;
							font-size: .7em;
							font-weight:normal;
							display:block;
							color:#fff;
							text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
						}
						#booking_form .btn-group, #booking_form .btn-group>a, #booking_form input[type="text"]{
							border-radius: 0px;
							background: none;
							background-color: #a9ab98;
							border-width: 0px;
							width: 60px;
							height: 25px;
							margin: 0px;
							color: #904a2d;
							font-size:.8em;
						}
						#booking_form input[type="text"]{
							width: 110px;
							padding: 0px 20px 0px 6px;
							margin: -6px 0px 0px 0px;
						}
						.form_block img.ui-datepicker-trigger{
							margin: -6px -4px 0px -32px;
							width: auto;
							vertical-align: middle;
						}
							#booking_form .btn-group>a{
								background: none;
								background-color: #a9ab98;
								color: #904a2d;
								font-size: 12px;
								border-radius: 0px;
								border-width: 0px;
								text-shadow: none;
								padding: 0px;
							}
							#booking_form .btn-group>a>span.value{
								float: left;
								width: 40px;
								height: 100%;
								line-height: 25px;
								display: block;
								margin-right: 5px;
								font-weight: normal;
								font-size: .8em;;
							}
							#booking_form .btn-group>a>span.arrow{
								float: right;
								width: 15px;
								text-align: center;
								font-weight: bold;
								font-size: 20px;
								line-height: 25px;
								font-size:1em;
							}
							#booking_form .btn-group ul.dropdown-menu{
								width: 60px;
								min-width: 60px;
								border-radius: 0px;
								border-width: 0px;
								background-color: #a9ab98;
							}
								#booking_form .btn-group ul.dropdown-menu li{
									width: 100%;
								}
									#booking_form .btn-group ul.dropdown-menu li a{
										color: #904a2d;
										width: 100%;
										padding: 3px 0px;
										display: block;
										text-align: center;
									}
									#booking_form .btn-group ul.dropdown-menu li a:hover{
										background-image: none;
										background-color: #757859;
									}
							#booking_form button[type="submit"]{
								background: none;
								border-width: 0px;
								text-transform: uppercase;
								font-weight: normal;
								font-size: 16px;
								padding: 6px 15px;
								background:url(img/book-btn.png) no-repeat center center;
								background-size:100%;
								text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
								display:block;
								color:#fff;
								font-family: 'MuseoSlab-900', serif !important;
								text-transform:uppercase;
								text-align:center;
							}
				#phone{
					float: right;
					clear: right;
					font-size: 22px;
					padding-top: 30px;
					margin: 0px;
				}
/* Footer ------------------------------------------------------------------------------------------ */
#footer #social-bar ul, #footer #social-bar li, #terms-bar ul, #terms-bar li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#footer #social-bar li, #footer #social-bar a, #terms-bar li {
	display:inline-block;
	text-align:center;
}
#terms-bar {
	background-color:#333;
	font-family: 'MuseoSlab-500', serif !important;
	text-align:center;
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.75);
	margin-bottom:10px;
}
#terms-bar li.spacer {
	background:url(img/cross.png) no-repeat center center;
	width:21px;
	height:20px;
	margin:3px 20px;
	padding:2px 0px;
	text-align:center;
}
#terms-bar li a {
	color:#fff;
	display:inline-block;
	text-transform:uppercase;
	font-size:.7em;
	font-family:'MuseoSlab-500', sans-serif;
	position:relative;
	top:-2px;
}
#footer #social-bar {
	text-align:center;
}
#footer #social-bar a {
	background:url(img/social-bar.png) no-repeat 0 0;
	width:24px;
	height:24px;
	text-indent:-999999px;
}
#footer #social-bar a#twitter {
	background-position:-27px 0;
}
#footer #social-bar a#pinterest {
	background-position:-55px 0px;
}
#footer #social-bar a#rss {
	background-position:-82px 0px;
}
#footer #social-bar a#flickr {
	background-position:-138px 0px;
}
#footer #social-bar a#googleplus {
	background-position:-165px 0px;
}
#footer #social-bar a#youtube {
	background-position:-193px 0px;
}
#footer #copyright {
	font-family: 'MuseoSlab-500', serif !important;
	text-align:right;
	font-size:.7em;
	color:#000;
}
/* Home Content ------------------------------------------------------------------------------------- */
#home-container {
	position:relative;
	overflow:hidden;
}
#home-content, #home-content .col-sm-4 {
	min-height:25px;
}
#home-content {
/*	background-color:#C8CCA7;*/
/*	border-top:10px solid #C8CCA7;*/
/*	-webkit-border-top-left-radius: 10px;*/
/*	-webkit-border-top-right-radius: 10px;*/
/*	-moz-border-radius-topleft: 10px;*/
/*	-moz-border-radius-topright: 10px;*/
/*	border-top-left-radius: 10px;*/
/*	border-top-right-radius: 10px;*/
	bottom:0px;
	z-index: 8888;
	margin:auto;
	text-align: center;
/*	overflow:hidden;*/
}
#home-content .col-sm-4 {
	position: relative;
	overflow: visible !important; 

}
#home-content .col-sm-4 .outer{
	position:absolute;

}
#home-content .col-sm-4 .inner {
	display:none;
	position:absolute;
	width:95%;
	background-color:#C8CCA7;
	border-top:10px solid #C8CCA7;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:20px 20px 0px 20px;
}

#home-content h3 {
	position:relative;
	z-index:1000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color:#fff;
	background:rgba(255,255,255,.5);
	padding:5px 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width:95%;
	margin:auto;
}
#home-content h3 a {
	color:#fff !important;
	display:block;
}
#home-content img {
/*	margin-top:-57px;*/
	z-index: 1;
	width:100%;
}
	.home .book-holder {
		width:auto;
		display:inline-block;
	}
.clearfix::after, #content::after, .container::after, .container-fluid::after, .row::after, .modal-footer::after {
    clear: both;
    content: "";
    display: table;
}
@media (max-width:767px) {
	body {
		padding:0px;
	}
	#top-buttons {
		display:none;
	}
	.home .contact-details, .home #logo {
		text-align:center;
	}
	#home-content {
		position:relative;
	}
	#home-content img {
/*		margin-top: -36px;*/
	}
	.home .form_block {
		display:block !important;
	}
	#footer .contact-details {
		display:none;
	}
	#header .contact-details {
		display:block;
	}
	#booking_form #book-btn.form_block {
		margin:17px 0 0 0px;
	}
	#home-content h3 {
		width:100%;
		height:25px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		left:0px;
	}
	#home-container .container {
		margin:0px;
		padding:0px;
	}
}
@media (min-width:768px) {
	#home-content {
		position:absolute;
		width:75%;
		left:12.5%;
	}
	.title h1 {
		padding-left:0px;
		left:28px;
	}
	#home-content img {
		margin-top: -36px;
	}
	.home .form_block {
		display:none !important;
	}
	.home #book-btn {
		display:block !important;
	}
	#footer .contact-details {
		display:block;
	}
	#header .contact-details {
		display:none;
	}
	.home #booking_form .form_block {
		height:auto;
	}
	#top-buttons {
		padding-top:95px;
		margin-bottom:5px;
	}
	#logo img {
		margin-top: 75px;
	}
	#booking_form #book-btn.form_block {
		margin:27px 0px;
	}
}
@media (min-width:992px) {
	#footer .contact-details {
		display:none;
	}
	#header .contact-details {
		display:block;
	}
	.contact-details li, #top-buttons ul li {
		font-size:.7em;
	}
	#logo img {
		margin-top: 60px;
	}
	.home #booking_form .form_block {
		height:50px;;
	}
	#home-content .col-sm-4 {
		position:relative;
		overflow:hidden;
	}
	.home .form_block {
		display:block !important;
	}
	#top-buttons {
		padding-top:95px;
	}
	#booking_form #book-btn.form_block {
		height:50px;
	}
	#booking_form #book-btn.form_block {
		margin: 17px 0 0 0;
	}

}
@media (min-width:1200px) {
	.contact-details li, #top-buttons ul li {
		font-size:.8em;
	}
	#logo img {
		margin-top: 56px;
	}
}