/*
Theme Name: Ocean Crest Spa
Theme URI: 
Description: Ocean Crest Spa
Version: 1.0
Author: [^^]
*/

/* =Reset some default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
fieldset, form, 
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 14px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
a img {
	border: 0;
}

/* =Set basic elements default styles
-------------------------------------------------------------- */
body, input, textarea {
	color: #373737;
	font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 18px;
}
body {
	background: #e2e2e2;
}
#page {
	background: #fff;
}

p {
	margin-bottom: 20px;
	font-size: 17px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	border: 1px solid #ddd;
	color: #888;
	padding: 3px;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}

.book{display:block; width:122px; height:30px; line-height:30px; text-align:center; textransform:uppercase; color:#1d1a14; font-weight:bold; text-shadow:1px 1px 1px #e9c683; color:#111; background:url(images/bt-1.jpg) no-repeat center center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; float:right; text-decoration:none; border:1px solid #b18a54;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}

.book:hover{text-decoration:none; color:#111; opacity:0.8;
-webkit-box-shadow: 0 8px 6px -8px black;
-moz-box-shadow: 0 8px 6px -8px black;
box-shadow: 0 8px 6px -8px black;
}

/* Links */
.popup-link {
width: 100px;
	/* display: inline-block; */
	vertical-align: top; line-height:30px; display:block; width:122px; height:30px; box-shadow:0 0 0 #fff; 
	background: #f8d05c;
	color: #333;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	font-size: 14px;
	height: 30px;
}
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}
/* Images */
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.comment{
	position:relative;
}
.commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 0;
	left: auto;
	right: 1.625em;
	position:absolute;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/*Assistive text*/
.assistive-text{
	display:none;
}





#calendar-widget {
	width:100%;
	height:47px;
	padding:3px 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	display:block!important;
	margin: 0 auto;
	text-align:center;
	border-bottom: 1px solid white;
	margin-bottom: 10px;
}
#calendar-widget h2{
	margin:10px;
	color:#ffffff;
}
#calendar-widget .rs-sc-wrapper {
	width: 800px;
	margin: 0 auto;	
}
.rs-sc-field label {
	margin:0 3px 0 0;
	float:left;
}
.rs-sc-field label span {
	float:none;
	display:block;
	width:40px !important;
	color:#fff;
	font-size:12px;
	text-align:left!important;
	padding-left:5px;
}
span.rs-calendar-icon, .rs-sc-field label span.rs-calendar-icon {
	float: right;
	display: inline;	
}
.rs-sc-field label input,
.rs-sc-field label select {
	font-size:9px !important;
	color:#000;
	width:75px !important;
	padding: 0 2px;
	border:1px solid #000;
	float:left;
	clear:both;
	height: 18px;
	font-size: 12px!important;
}
.rs-sc-field label select {
	width:50px !important;
}
#calendar-widget .rs-sc-book-button {
	margin-top: 8px;	
}



#main {
	padding-bottom: 175px!important;	
}

#roomoverview {
	text-align: center;	
}
.page-template-page-rooms-php .gallery {
	display: inline-block;
	width: 48%;
	margin: 2px 3px;
}
.page-template-page-rooms-php .gallery a {
	color: #000;
	text-decoration: none;	
}
.page-template-page-rooms-php .gallery h2 {
	font-size: 22px;	
}
.page-template-page-rooms-php .gallery a b {
	color: #584F3E;
	text-decoration: underline;	
	font-size: 16px;
padding: 0 30px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 40px;
	display: block;
	text-align: left;
}
.page-template-page-rooms-php .gallery a b:hover {
	color: #000;
}
#roomoverview .fade-mask-slideset {
	position: relative;	
}
#roomoverview .fade-mask-slideset a.book {
	z-index: 99;
	position: absolute;
	bottom: 4px;
	right: 0;	
}

#nav li {
	font-size: 14px;
}

@media screen and (max-width: 1055px) {
	.page-template-page-rooms-php .gallery h2 {
		font-size: 20px;	
	}
	#main {
		padding-bottom: 200px!important;	
	}
}
@media screen and (max-width: 930px) {
	.page-template-page-rooms-php .gallery {
		display: block;
		width: 100%;
		margin: 10px 0;
	}
}
@media screen and (max-width: 767px) {
	#main {
		padding-bottom: 10px!important;	
	}
	#calendar-widget {
		height: auto;
		width: 100px;
	}
	.rs-sc-field {
		padding-bottom: 20px;	
	}
	.rs-sc-field label {
		display: block;
		float: none;	
	}
	.rs-sc-button {
		text-align: left;	
	}
}



.petfriendly {
	background: url('http://lakejoseph.com/wp-content/uploads/2015/05/pawprint.png') top right no-repeat;
	background-size: 30px;
}

.home .main-gallery-area {
	padding-bottom: 300px;
}
.home .main-gallery-area blockquote {
	font-style: normal;
	font-size: 16px;
	padding: 10px 15px;
}
.home iframe h2 {
	display:none!important;
}


.social-networks a.tripadvisor {
	background: url(http://lakejoseph.com/wp-content/uploads/2015/05/tasocialsmall.png) no-repeat top left!important;
}
.social-networks a.tripadvisor:hover {
	background-position: top right!important;
}
@media only screen and (max-width: 767px) {
	.social-networks a.tripadvisor {
		background: url(http://lakejoseph.com/wp-content/uploads/2015/05/tasociallarge.png) no-repeat top left!important;	
	}
	.social-networks a.tripadvisor:hover {
		background-position: bottom left!important;
	}
}

.home .main-gallery-area {
	padding-bottom: 170px!important;
}
#main {
	padding-bottom: 20px!important;
}
@media only screen and (max-width: 1020px) {
	.home .main-gallery-area {
		padding-bottom: 20px!important;
	}
}
#footer {
	position: relative!important;
	left: auto!important;
	bottom: auto!important;
	width: auto!important;
}
#footer .holder {
	text-align: center!important;
}
@media only screen and (max-width: 767px) {
	#footer .holder { text-align:center!important; }
}
#nav ul a span {
	font-size: 13px!important;
}


.container {
	font-size: 16px!important;
}



#nav { background: #71634D url(../base/images/bg-footer.jpg) repeat!important; }
#nav:before { background: none!important; }
.main-gallery-area { top: 150px!important; }
#main { padding-top: 180px!important; }
#calendar-widget { position: relative; z-index: 26; border: none; margin-bottom: 0; }

#nav ul ul { z-index: 27!important; }

.book { width: 250px!important; background: url(http://lakejoseph.com/wp-content/uploads/2015/05/bt-long.jpg) no-repeat center center; }

#topcalbtn {
	height: 32px;
	position: relative;
	z-index: 26;
	margin-left: 20%;
	float: left;
margin-bottom: 5px;
} 
#topcalbtn .book {
	float: none;
	margin: 0 auto;
}

#topaddress {
	float: right;
	margin-right: 20%;
	text-align: center;
margin-bottom: 5px;
	
}
#topaddress .book {
background: #7A481C;
color: #FFF;
text-shadow: none;
border: none;
}


.footervid {
	float: left;
}
.footervid a {
	width: 150px!important;
}


#footer .footer-row address {
	font-size: 14px!important;
}


@media (max-width: 1686px) {
	#topcalbtn { margin-left: 10%; }
	#topaddress { margin-right: 10%; }
}
@media (max-width: 1300px) {
	#topcalbtn { margin-left: 5%; }
	#topaddress { margin-right: 5%; }
}
@media (max-width: 1074px) {
	#topcalbtn { margin-left: 2%; }
	#topaddress { margin-right: 2%; }
}
@media (max-width: 767px) {
	#topcalbtn, #topaddress {
		float: none;
		margin: 5px auto 0;
	}
	#topaddress .book { float: none; margin: 0 auto; }

	#main { padding-top: 20px!Important; }
}
body.home {
background: #7A481C!important;
}

@media (max-width: 468px) {
#main .popup-link,
#main .book { display: block; float: none!Important; margin: 0 auto 10px; }
}


.container { text-align: left!important; }


#srfoot { padding-right: 20px; margin-left:-40px; }
@media (max-width: 1132px) {
	#footer .holder {
		padding: 0 13px!important;	
	}
	.footervid {
		float: none;	
	}
	.footervid .book {
		margin: 0 auto -15px;
		float: none;
	}
	#srfoot {
		margin: 0;
		padding: 0;
	}
	.textwidget {
		display: block!important;	
	}
	#footer .footer-row {
		margin: 0;	
	}
	#footer .footer-set {
		float: none!important;	
		margin: 0!important;
	}
	.footer-nav {
		float: none!important;
		margin: 0 auto!important;	
		text-align: center!important;
	}
	.footer-nav ul {
		text-align: center!important;	
	}
	#footer .social-networks {
		float: none!important;
		margin: 0 auto!important;
		width: 200px!important;
		right: auto!important;	
	}
	.social-networks li {
		float: none!important;
		display: inline-block!important;
		margin: 0 4px 4px!important;
	}
}