.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body {margin: 0; padding: 0;}

/* skin */
.row { }
.container { padding: 0 2%; box-shadow: 0px 0px 20px #333;}
.container.footer-notes {box-shadow: none;}

/* theme */
[class*="span"] h1 { margin: 10px 0px; }
[class*="span"] p { margin: 10px 0px; }
[class*="span"] img { margin: 10px 0px; }
[class*="span"] iframe { margin: 0px 0px; }

body { line-height: 150%; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #454659; background-color: #301e1a; background-image: url('/images/royaloakbg.png');}
p {color: #454659; margin-bottom: 16px;}
a {color: #735438;}
h1 {font-size: 30px; font-weight: 100; font-family: 'Playfair Display', serif; margin-bottom: 10px; padding-bottom: 10px; color: #735438;}
h2 {font-size: 20px; font-weight: 100; color: #454659; margin-bottom: 10px; margin-top: 20px;}
h3 {font-size: 18px; font-weight: 100; color: #454659; margin-bottom: 10px; margin-top: 20px;}
h4 {font-size: 16px; font-weight: 100; color: #aaa;}

/* Menus */

/* general menus */
.Menu { border-top: 0px solid #fff; padding-top: 0; margin-top: 0; }
.Menu ul {padding: 0; margin: 0; margin-top: 10px; margin-bottom: 10px; margin-left: 20px;}
.Menu ul li {padding: 0; margin: 0; list-style: none; margin-bottom: 4px;}
.Menu ul li a {color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-weight: 300; }
.Menu ul li a:hover {color: #333;}
.Menu ul li a.selected {font-weight: bold;}

/* main menu */
.menu-container {border-bottom: 1px solid #b7bc9a;}
.navigation .Menu { padding-top: 0px;}
.navigation .Menu ul {margin: 0; padding-top: 10px;}
.navigation .Menu ul li {display: inline; margin-left: 10px; margin-right: 30px;}
.navigation .Menu ul li a {color: #717280; font-size: 15px; font-weight: 300; text-transform: uppercase;}
.navigation .Menu ul li a:hover { color: #252639;}
.navigation .Menu ul li a.selected {}

/* footer notes */
.footer-notes {background-image: url('/images/shadow-wide.png'); background-repeat: no-repeat; background-position: 50% -10px;}
.footer-notes .social-icons {margin-top: 10px;}
.footer-notes .social-icons a {margin-left: 32px;}
.footer-notes .social-icons a.first {margin-left: 0;}
.footer-notes .social-icons a img.social-icon {}
.footer-notes .footer-menu {margin-top: 20px;}
.footer-notes .footer-menu ul {float: right;}
.footer-notes .footer-menu ul li {display: inline; float: left; margin-left: 40px;}
.footer-notes .footer-menu ul li a {color: #211912; text-transform: uppercase; font-weight: bold; cursor: pointer;}
.footer-notes .footer-menu ul li a:hover { border-bottom: 2px dotted #211912;}

/* action buttons */
.action-button {height: 46px; background-color: #aaa; clear: both; margin: 10px 0;}
.action-button:hover {opacity: 0.9;}
.action-button img {margin-top: 8px; margin-left: 10px;}
.action-button a {text-decoration: none;}
.book-action {background-color: #454659;}
.book-action p a { color: #fff; }
.book-action p a img{ color: #fff; margin-right: 10px; }
.team-action {background-color: #a8bda2;}
.team-action p a { color: #454659;}
.team-action p a img {margin-right: 20px;}
.gallery-action {background-color: #735438;}
.gallery-action p a { color: #FFFFFF;}
.gallery-action p a img {margin-right: 20px;}
.contact-action {background-color: #507282;}
.contact-action p a { color: #ffffff;}
.contact-action p a img {margin-right: 20px;}

/* module tweaks */

.header {height: 46px; background-color: #aaa; clear: both;}
.header img {float: left; margin-left: 10px;}
.header h3 {margin-left: 50px;}
.header h3, .header h3 a {padding-top: 4px; color: #fff; font-weight: normal;}

/* twitter */

.twitter-header {background-color: #454659;}
.twitter-content { height: 440px; overflow-y: auto; }
.twitter-content .tweet {}
.twitter-content .tweet ul.tweet_list {background: transparent;}
.twitter-content .tweet ul.tweet_list li {}
.twitter-content .tweet ul.tweet_list li a {color: #735438;}
.twitter-content .tweet ul.tweet_list li.tweet_even {background: transparent;}
.twitter-content .tweet ul.tweet_list li .tweet_text {margin-left: 50px; display: block;}
.twitter-content .tweet ul.tweet_list li .tweet_time {margin-left: 50px;}

/* newletter */
.newsletter-header {background-color: #735438; }
.newsletter-header img {margin-top: 8px;}
.newsletter-content {margin: 0px; margin-top: 10px; position: relative;}

/* wordpress */
.wordpress-header {background-color: #d9c39b;}
.wordpress-header img {margin-top: 8px;}
.wordpress-content {margin: 10px; height: 440px; overflow-y: auto;}
.wordpress-content ul {margin: 0; padding: 0;}
.wordpress-content ul li {margin: 0; padding: 0; list-style: none; margin-bottom: 16px;}
.wordpress-content ul li a {}

/* facebook */
.facebook-header {background-color: #735d55;}
.facebook-content {margin: 10 0px; padding-top: 10px;}

/* booking form */
.booking-request-content {}
.booking-request-form {margin-top: 40px; margin-bottom: 20px;}
.booking-request-form label {float: left; width: 300px; }
#RequestForm_date_required_month, #RequestForm_date_required_day, #RequestForm_date_required_year {width: 70px;}
#RequestForm_time_required_hour, #RequestForm_time_required_minute {width: 108px;}

/* contact form */
.contact-us-content {}
.contact-us-content form {width: 100%;}
.contact-us-content input {width: 100%;}
.contact-us-content textarea {width: 100%; height: 80px;}
.contact-us-content input[type=submit] {width: auto}

/* promotional banners */
.promotional-banner { background-color: #735D55; padding: 10px;}
.promotional-banner h2 {padding: 0; margin: 0; color: #FFF; margin: 10px; border-bottom: 1px solid #FFF;}
.promotional-banner p {margin: 10px; color: #FEE;}
.promotional-banner a {color: #FFF; }

/* variants */
.promotional-banner.christmas {background-image: url(/images/snowflake-bg.png); background-color: #b4d1e8}
.promotional-banner.christmas h2 {color: #336699;}
.promotional-banner.christmas p {color: #444;}
.promotional-banner.christmas a {color: #900; font-weight: bold; letter-spacing: 0;}

/* recaptcha fix */
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
  line-height: 0;
}

/* image cycle */

/* big PC */
@media (min-width: 1200px) {
	.cycle-type-container {height: 290px;}
}
/* small PC */
@media (min-width: 980px) and (max-width: 1200px) {
	.cycle-type-container {height: 240px;}
	.cycle-type-container .cycle-type-image1 img {width: 220px;}
	.cycle-type-container .cycle-type-image2 img {width: 450px;}
	.cycle-type-container .cycle-type-image3 img {width: 220px;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.cycle-type-container {height: 186px;}
	.cycle-type-container .cycle-type-image1 img {width: 166px;}
	.cycle-type-container .cycle-type-image2 img {width: 352px;}
	.cycle-type-container .cycle-type-image3 img {width: 166px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.cycle-type-container {display: none;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.cycle-type-container {display: none;}
}

/* menu icons within editorials */
.menu-icons {float: right; margin-left: 20px; margin-bottom: 20px;}
.menu-icons a {display: block;}
.menu-icons a:hover {opacity: 0.5;}

/* backend tweaks */
#hq-builder-page-editor-editable-content .cycle-container { height: 270px; width: auto; }

/* media queries */

/* Large desktop */
@media (min-width: 1200px) {
	.menu-container {height: 132px;}
	.navigation .Menu {margin-top: 80px;}
}
@media (min-width: 980px) and (max-width: 1200px) {
	.menu-container {height: 110px;}
	.navigation .Menu {margin-top: 70px;}
	.navigation .Menu ul li {margin-left: 10px; margin-right: 20px;}
	.navigation .Menu ul li a {font-size: 12px;}
	.rosettes {width: 220px;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.menu-container {height: 86px;}
	.navigation .Menu {margin-top: 48px;}
	.header h3 {font-size: 12px;}
	.navigation .Menu ul li {margin-left: 6px; margin-right: 12px;}
	.navigation .Menu ul li a {font-size: 10px;}
	.action-button a {font-size: 12px;}
	.rosettes {width: 166px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.logo-container {text-align: center;}
	.menu-container { }
	.navigation .Menu {margin-top: 20px;}
	.navigation .Menu ul li { display: block;}
	.navigation .Menu ul li a {display: block; width: 100%; text-align: center; font-size: 24px; line-height: 200%; border-bottom: 1px solid #b7bc9a;}
	.menu-container {border-bottom: 0;}
	.rosettes {float: none!important; margin-right: auto!important; margin-left: auto!important; display: block;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.logo-container {text-align: center;}
	.menu-container { }
	.navigation .Menu {margin-top: 20px;}
	.rosettes {float: none!important; margin-right: auto!important; margin-left: auto!important; display: block;}
}