/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
#content p.meta {
font-style: italic !important;
margin: -10px 0 20px;
position: relative;
}
#content p {
margin: 0 0 20px;
font-style: normal !important;
}
#main .visual-area .book-link {
background: #00A653 !important;
}

#main .book-section .book-link {
background: #00A653 !important;
}

#sidebar .book-area .book-link {
background: #00A653 !important;
}

#footer .section .form .gform_confirmation_message_1 {
color: #ffffff !important;
padding: 0px 0px 20px !important;
}

#content p a {
text-decoration: none !important;
}

#content p a:hover {
text-decoration: underline !important;
}

blockquote {
font: 16px/18px proxima_novasemibold,Arial,sans-serif;
}

/* About Sidebar title bump */
#sidebar .book-area { padding-top: 50px !important; }





/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}



/*============================================
	Hide/Show Online Booking Calendars
============================================*/
.this-calendar { display: none; }

.calendarSelecter {
	background: #f4f4f4 url('../images/bg-select.gif') no-repeat right;
	border: 0 none;
	border-radius: 0;
	height: 42px;
	padding: 0 20px;
	margin: 0 0 20px 0;
	width: 100%;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.calendarSelecter:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

@media only screen and (min-width: 540px) {
	.calendarSelecter { width: 400px; }
}



#sidebar .book-area .book-link, 
#sidebar .book-area .book-link:hover { background: #00a653 !important; }


/*============================================
	Mobile fix for Online Booking Calendars
============================================*/
@media only screen and (max-width: 772px) {
	.DOPBSPCalendar-wrapper { width: 100% !important; }
	#footer { padding: 0; }
	#footer .section { padding: 60px 0 25px 0; margin: 0; }
	#footer .section.yellow { padding: 30px 0 25px 0; margin: 0; }
	.DOPBSPCalendar-container { width: 100% !important; }
}


#ui-datepicker-div { padding: 0 !important; }