/*
Theme Name: Lite Standalone
Author: Ethology
Author URI: http://www.ethology.com
Version: 2.0
Description: The theme for Lite standalone site.
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:
$rembase: 14;
$line-height: 24;
---------- Examples
* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
padding: 5px 0;
padding: 0.357142857rem 0; (5 / $rembase)
* Set a font-size and then set a line-height based on the font-size
font-size: 16px
font-size: 1.142857143rem; (16 / $rembase)
line-height: 1.5; ($line-height / 16)
---------- Vertical spacing
Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:
.my-new-div {
margin: 24px 0;
margin: 1.714285714rem 0; ( 24 / $rembase )
}
---------- Further reading
http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/*
a:focus {
outline: thin dotted;
}
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
strong{
font-weight: bold;
}
.speakout { speak:spell-out; }
/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {
clear: both;
}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
display: table;
content: "";
}
/* =Repeatable patterns
-------------------------------------------------------------- */
/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
font-weight: bold;
text-transform: uppercase;
color: #636363;
}
/* Shared Post Format styling */
article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
}
/* Form fields, general styles first */
button, input, textarea {
border: 1px solid #817F7D;
border-radius: 3px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
}
button, input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
}
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}
/* Buttons */
/* comment out menu styles for mobile
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
color: #757575;
background-color: #e1e1e1;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(top, #ebebeb, #e1e1e1);
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
border: none;
}
*/
li.bypostauthor cite span {
color: #fff;
background-color: #21759b;
background-image: none;
border: 1px solid #1f6f93;
border-radius: 2px;
box-shadow: none;
padding: 0;
}
body{
background-color:#000 !important;
}
body.custom-background {
background-color: #000 !important;}
/* Responsive images */
.entry-content img, .comment-content img, .widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
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, img.header-image, img.wp-post-image {
max-width: 100%;
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
.event_info p{
line-height: 20px!important;
}
.event_info span{
line-height: 20px!important;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
max-width: 100%; /* Keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}
img.wp-smiley, .rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content dl.gallery-item {
margin: 0;
}
.gallery-item a, .gallery-caption {
width: 90%;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
}
/* Navigation */
.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
}
#nav-above {
padding: 24px 0;
padding: 1.714285714rem 0;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous, .previous-image {
float: left;
width: 50%;
}
.nav-next, .next-image {
float: right;
text-align: right;
width: 50%;
}
.nav-single + .comments-area, #comment-nav-above {
margin: 48px 0;
margin: 3.428571429rem 0;
}
/* Author profiles */
.author .archive-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
margin: 1.714285714rem 0;
padding-top: 24px;
padding-top: 1.714285714rem;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
margin-top: 0;
}
/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html {
font-size: 87.5%;
}
body {
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}
body.custom-font-enabled {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
outline: none;
color: #21759b;
}
a:hover {
color: #0f3647;
}
/* Assistive text */
.assistive-text, .site .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover, .main-navigation .assistive-text:active, .main-navigation .assistive-text:focus {
background: #fff;
border: 2px solid #333;
border-radius: 3px;
clip: auto !important;
color: #000;
display: block;
font-size: 12px;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
z-index: 100000; /*Above WP toolbar */
}
/* Page structure */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
}
.site-content {
/*margin: 24px 0 0;
margin: 1.714285714rem 0 0;
*/
}
.widget-area {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
/* Header */
#phone-full img { float:left; margin:3% 4% 0 0; }
#phone-full strong { float:left; width:71.27%; margin:6% 0 0; font-size:1rem; }
.site-header {
padding: 24px 0;
padding: 1.714285714rem 0;
}
.site-header h1, .site-header h2 {
text-align: center;
}
.site-header h1 a, .site-header h2 a {
color: #515151;
display: inline-block;
text-decoration: none;
}
.site-header h1 a:hover, .site-header h2 a:hover {
color: #21759b;
}
.site-header h1 {
font-size: 24px;
font-size: 1.714285714rem;
line-height: 1.285714286;
margin-bottom: 14px;
margin-bottom: 1rem;
}
.site-header h2 {
font-weight: normal;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.header-image {
margin-top: 24px;
margin-top: 1.714285714rem;
}
/* Navigation Menu ==remove menu toggle*/
/*.main-navigation {
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
} */
/* copy from @media */
/* scott comment out for nav menu
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
display: inline-block !important;
text-align: left;
width: 100%;
}
*/
.hover_container #hover_text { color:#fff; }
.menu {
display: none;
}
.main-navigation ul {
margin: 0;
text-indent: 0;
}
.main-navigation li a, .main-navigation li {
display: inline-block;
text-decoration: none;
}
.main-navigation li a {
border-bottom: 0;
color: #000;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
}
.main-navigation li a:hover {
color: #000;
}
.main-navigation li {
margin: 0 20px 0 0;
margin: 0 1.42857143remrem 0 0;
position: relative;
}
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 99;
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul {
border-left: 0;
display: block;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #444;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
}
.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
border-bottom: 1px solid #444;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
white-space: normal;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, li.current-page-ancestor > a {
color: #636363;
font-weight: bold;
}
.menu-toggle {
display: none;
}
/* Banner */
section[role="banner"] {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
}
/* Sidebar */
.widget-area .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
word-wrap: break-word;
}
.widget-area .widget h3 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.widget-area .widget p {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
list-style: disc outside;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
margin-left: 36px;
margin-left: 2.571428571rem;
}
.widget-area .widget a {
color: #757575;
}
.widget-area .widget a:hover {
color: #21759b;
}
.widget-area #s {
width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
/* Footer */
footer[role="contentinfo"] {
border-top: 1px solid #ededed;
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
max-width: 960px;
max-width: 68.571428571rem;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-left: auto;
margin-right: auto;
padding: 24px 0;
padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
color: #686868;
}
footer[role="contentinfo"] a:hover {
color: #21759b;
}
/* =Main content and comment content
-------------------------------------------------------------- */
.entry-meta {
clear: both;
}
.entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
font-size: 20px;
font-size: 1.428571429rem;
line-height: 1.2;
font-weight: normal;
}
.entry-header .entry-title a {
text-decoration: none;
}
.entry-header .entry-format {
margin-top: 24px;
margin-top: 1.714285714rem;
font-weight: normal;
}
.entry-header .comments-link {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.comments-link a, .entry-meta a {
color: #757575;
}
.comments-link a:hover, .entry-meta a:hover {
color: #21759b;
}
article.sticky .featured-post {
border-top: 4px double #ededed;
border-bottom: 4px double #ededed;
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 3.692307692;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
text-align: center;
}
.entry-content, .entry-summary, .mu_register {
line-height: 1.714285714;
}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
margin: 24px 0;
margin: 1.714285714rem 0;
line-height: 1.714285714;
}
.entry-content h1, .comment-content h1 {
font-size: 21px;
font-size: 1.5rem;
line-height: 1.5;
}
.entry-content h2, .comment-content h2, .mu_register h2 {
font-size: 18px;
font-size: 1.285714286rem;
line-height: 1.6;
}
.entry-content h3, .comment-content h3 {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.846153846;
}
.entry-content h4, .comment-content h4 {
font-size: 14px;
font-size: 1rem;
line-height: 1.846153846;
}
.entry-content h5, .comment-content h5 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.entry-content h6, .comment-content h6 {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.846153846;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul {
margin-bottom: 0;
}
.entry-content ul, .comment-content ul, .mu_register ul {
list-style: disc outside;
}
.entry-content ol, .comment-content ol {
list-style: decimal outside;
}
.entry-content li, .comment-content li, .mu_register li {
margin: 0 0 0 36px;
margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote, .comment-content blockquote {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
padding: 24px;
padding: 1.714285714rem;
font-style: italic;
}
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child {
margin-bottom: 0;
}
.entry-content code, .comment-content code {
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
}
.entry-content pre, .comment-content pre {
border: 1px solid #ededed;
color: #666;
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
margin: 24px 0;
margin: 1.714285714rem 0;
overflow: auto;
padding: 24px;
padding: 1.714285714rem;
}
.entry-content pre code, .comment-content pre code {
display: block;
}
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.entry-content address, .comment-content address {
display: block;
line-height: 1.714285714;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
img.alignleft {
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content dl, .comment-content dl {
margin: 0 24px;
margin: 0 1.714285714rem;
}
.entry-content dt, .comment-content dt {
font-weight: bold;
line-height: 1.714285714;
}
.entry-content dd, .comment-content dd {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content table, .comment-content table {
border-bottom: 1px solid #ededed;
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
width: 100%;
}
.entry-content table caption, .comment-content table caption {
font-size: 16px;
font-size: 1.142857143rem;
margin: 24px 0;
margin: 1.714285714rem 0;
}
.entry-content td, .comment-content td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
.site-content article {
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.page-links {
clear: both;
line-height: 1.714285714;
}
footer.entry-meta {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.single-author .entry-meta .by-author {
display: none;
}
.mu_register h2 {
color: #757575;
font-weight: normal;
}
/* =Archives
-------------------------------------------------------------- */
.archive-header, .page-header {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
padding-bottom: 22px;
padding-bottom: 1.571428571rem;
border-bottom: 1px solid #ededed;
}
.archive-meta {
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin-top: 22px;
margin-top: 1.571428571rem;
}
/* =Single image attachment view
-------------------------------------------------------------- */
.article.attachment {
overflow: hidden;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment .entry-caption {
margin-top: 8px;
margin-top: 0.571428571rem;
}
/* =Aside post format
-------------------------------------------------------------- */
article.format-aside h1 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
text-decoration: none;
color: #4d525a;
}
article.format-aside h1 a:hover {
color: #2e3542;
}
article.format-aside .aside {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: #d2e0f9;
border-left: 22px solid #a8bfe8;
}
article.format-aside p {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #4a5466;
}
article.format-aside blockquote:last-child, article.format-aside p:last-child {
margin-bottom: 0;
}
/* =Post formats
-------------------------------------------------------------- */
/* Image posts */
article.format-image footer h1 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
font-weight: normal;
}
article.format-image footer h2 {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
}
article.format-image footer a h2 {
font-weight: normal;
}
/* Link posts */
article.format-link header {
padding: 0 10px;
padding: 0 0.714285714rem;
float: right;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
color: #848484;
background-color: #ebebeb;
border-radius: 3px;
}
article.format-link .entry-content {
max-width: 80%;
float: left;
}
article.format-link .entry-content a {
font-size: 22px;
font-size: 1.571428571rem;
line-height: 1.090909091;
text-decoration: none;
}
/* Quote posts */
article.format-quote .entry-content p {
margin: 0;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
display: block;
padding: 24px 24px 0;
padding: 1.714285714rem 1.714285714rem 0;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.6;
font-style: normal;
color: #6a6a6a;
background: #efefef;
}
/* Status posts */
.format-status .entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
display: inline-block;
}
.format-status .entry-header h1 {
font-size: 15px;
font-size: 1.071428571rem;
font-weight: normal;
line-height: 1.6;
margin: 0;
}
.format-status .entry-header h2 {
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
line-height: 2;
margin: 0;
}
.format-status .entry-header header a {
color: #757575;
}
.format-status .entry-header header a:hover {
color: #21759b;
}
.format-status .entry-header img {
float: left;
margin-right: 21px;
margin-right: 1.5rem;
}
/* =Comments
-------------------------------------------------------------- */
.comments-title {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
font-weight: normal;
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0;
}
.comments-area article header {
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite, .comments-area article header time {
display: block;
margin-left: 85px;
margin-left: 6.071428571rem;
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.42857143;
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 12px;
font-size: 0.857142857rem;
color: #5e5e5e;
}
.comments-area article header a {
text-decoration: none;
color: #5e5e5e;
}
.comments-area article header a:hover {
color: #21759b;
}
.comments-area article header cite a {
color: #444;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: 0.428571429rem 0.857142857rem;
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
color: #fff;
background-color: #0088d0;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #009cee, #0088d0);
background-image: -ms-linear-gradient(top, #009cee, #0088d0);
background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
background-image: -o-linear-gradient(top, #009cee, #0088d0);
background-image: linear-gradient(top, #009cee, #0088d0);
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: 0.357142857rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
a.comment-reply-link, a.comment-edit-link {
color: #686868;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
a.comment-reply-link:hover, a.comment-edit-link:hover {
color: #21759b;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
/* Comment form */
#respond {
margin-top: 48px;
margin-top: 3.428571429rem;
}
#respond h3#reply-title {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: 0.714285714rem;
font-weight: normal;
font-size: 12px;
font-size: 0.857142857rem;
}
#respond form {
margin: 24px 0;
margin: 1.714285714rem 0;
}
#respond form p {
margin: 11px 0;
margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
#respond form label {
display: block;
line-height: 1.714285714;
}
#respond form input[type="text"], #respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
padding: 10px;
padding: 0.714285714rem;
width: 100%;
}
#respond form p.form-allowed-tags {
margin: 0;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #5e5e5e;
}
.required {
color: red;
}
/* =Front page template
-------------------------------------------------------------- */
.entry-page-image {
margin-bottom: 14px;
margin-bottom: 1rem;
}
.template-front-page .site-content article {
border: 0;
margin-bottom: 0;
}
.template-front-page .widget-area {
clear: both;
float: none;
width: auto;
padding-top: 24px;
padding-top: 1.714285714rem;
border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
margin: 8px 0 0;
margin: 0.571428571rem 0 0;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.714285714;
list-style-type: square;
list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
color: #21759b;
}
.template-front-page .widget-area .widget_text img {
float: left;
margin: 8px 24px 8px 0;
margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}
/* =Widgets
-------------------------------------------------------------- */
.widget-area .widget ul ul {
margin-left: 12px;
margin-left: 0.857142857rem;
}
.widget_rss li {
margin: 12px 0;
margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date, .widget_rss .rss-date {
color: #aaa;
font-size: 11px;
font-size: 0.785714286rem;
margin-left: 12px;
margin-left: 0.857142857rem;
}
#wp-calendar {
margin: 0;
width: 100%;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #686868;
}
#wp-calendar th, #wp-calendar td, #wp-calendar caption {
text-align: left;
}
#wp-calendar #next {
padding-right: 24px;
padding-right: 1.714285714rem;
text-align: right;
}
.widget_search label {
display: block;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.widget_twitter li {
list-style-type: none;
}
.widget_twitter .timesince {
display: block;
text-align: right;
}
/* =Plugins
----------------------------------------------- */
img#wpstats {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.714285714rem;
}
/* =Ethology
-------------------------------------------------------------- */
/* Font */
@font-face{
font-family: "jenna-sue";
src: url('fonts/jennasue/JennaSue-webfont.eot');
src: url('fonts/jennasue/JennaSue-webfont.eot?iefix') format('eot'),
url('fonts/jennasue/JennaSue-webfont.woff') format('woff'),
url('fonts/jennasue/JennaSue-webfont.ttf') format('truetype'),
url('fonts/jennasue/JennaSue-webfont.svg#webfont') format('svg');
}
/* Common */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.uppercase {
text-transform:uppercase;
}
.no_site_title_spacing {
margin:0;
}
/* fonts */
.proxima {
font-family: "proxima-nova", sans-serif;
}
.p22 {
font-family: "p22-underground", sans-serif;
}
.futura {
font-family: "futura-pt", sans-serif;
}
.flood-std {
font-family: "flood-std", sans-serif;
}
.brandon {
font-family: "brandon-grotesque", sans-serif;
}
body, body.custom-font-enabled {
font-family: "proxima-nova", sans-serif;
}
h1 {
font-size: 68px;
font-size: 4.857142rem;
font-style: normal;
font-weight: 100;
line-height: 75px;
line-height: 5.357142rem;
margin-bottom: 25px;
margin-bottom: 1.785714rem;
}
h2 {
font-size: 34px;
font-size: 2.428571rem;
font-style: normal;
font-weight: 100;
line-height: 50px;
line-height: 3.571428rem;
margin-bottom: 25px;
margin-bottom: 1.785714rem;
}
h3 {
font-size: 18px;
font-size: 1.285714rem;
font-style: normal;
font-weight: 300;
line-height: 27px;
line-height: 1.928571rem;
margin-bottom: 25px;
margin-bottom: 1.785714rem;
}
h5 {
font-style: normal;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 25px;
margin-bottom: 1.785714rem;
text-transform: uppercase;
}
h6 {
font-style: normal;
font-weight: 700;
margin-bottom: 25px;
margin-bottom: 1.785714rem;
}
p {
font-style: normal;
font-weight: 300;
margin-bottom: 25px;
margin-bottom: 1.785714rem;
}
.page_title {
margin: 0 0 40px;
margin: 0 0 2.857142rem;
font-size: 30px;
font-size: 2.1428571rem;
color: #666;
text-transform: uppercase;
font-weight: bold;
}
.book_button {
text-transform: uppercase;
color: #fff;
background-color: #c10071;
text-decoration: none;
display: block;
bottom: 12.3%;
max-width: 175px;
width: 37.96%;
font-size: 16px;
font-size: 1.1428571rem;
padding: 10px 17px;
padding: .8% 1.4%;
min-width: 144px;
width: 100%;
}
.book_button:hover{
color:#fff;
}
.email_button {
background-color: #ffcd00;
border:none;
border-radius:0;
background-image:none;
color: #000;
cursor: pointer;
font-size: 14px;
font-size: 1rem;
padding: 5px;
text-transform:uppercase;
padding: 6px 4px 6px 7px;
-webkit-appearance: none;
}
.footer_top_col_3 .email_button {
margin-left:5px;
margin-top:0px;
}
.email_button:hover{
background-color:#ffe65c;
}
.aqua_footer_content,.aqua_footer_content a {
color: #aaaaaa;
text-decoration: none;
}
.aqua_footer_content a:hover{
color:#aaa;
}
.aqua_header_content, .aqua_footer_content {
margin: 0 auto;
max-width: 1140px;
width: 90%;
}
.aqua_footer_content { width:100%; }
#page {
margin: 0 auto;
padding: 0;
max-width: 1920px;
}
.col1 {
width: 22.8%;
margin: 0 4.64% 0 0;
}
.col2 {
width: 72%;
}
.clock_icon {
width: 13%;
}
#content {
/*padding: 0 130px;
padding: 0 9.28571%;*/
margin:0 auto;
max-width:1140px;
width:90%;
}
#ui-datepicker-div {
display:none;
z-index:72 !important; /* z-index has to be higher than slider(9) and less than sub menu(99)) */
}
.hours_of_op {
width: 76%;
margin: 0 0 0 6.67%;
font-size:14px;
font-size:1rem;
}
.hours_of_op ul li {
font-family: "proxima-nova", sans-serif;
font-style: normal;
font-weight: 300;
}
.main_page {
background-color: #fff;
margin: 0 0 14px;
margin: 0 0 1rem;
padding: 52px 56px 98px;
padding: 3.714285rem 4.912280% 7rem;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}
.rooms_page {
background-color: #fff;
margin: 0 0 90px;
margin: 0 0 6.428571rem;
padding: 52px 34px 22px;
padding: 3.714285rem 2.982456% 1.571428rem;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}
.template_title {
font-size: 36px;
font-size: 2.571428rem;
color: #666;
background-color: #fff;
padding: 30px 56px;
padding: 2.14286rem 4rem;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}
.template_title .page_title {
line-height: normal;
margin: 0;
}
/* dining */
.dining_header {
padding: 44px 56px;
padding: 3.1428571rem 4.912280%;
color: #666;
background-color: #fff;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
}
.dining_header .page_title {
line-height: normal;
margin: 0 0 12px;
margin:0 0 .857142rem;
}
.reservation_btn {
text-decoration: none;
font-family: "proxima-nova", sans-serif;
color:#444;
}
.reservation_div{
width: 80.53%;
border: 1px solid #bfbfbf;
padding: 10px 14px 8px;
padding: 10px 5.38% 8px;
margin: 28px 0 0;
margin: 2rem 0 0;
font-size:.857142rem;
font-family: "proxima-nova", sans-serif;
cursor: pointer;
color:#444;
}
.ribbon_icon {
margin: 4.1428571rem 0 0;
}
.ribbon_icon ul {
list-style-image: url(images/bullet.png);
margin: 2rem 0 0 8.67%;
}
.ribbon_icon img{
max-width:30px;
width:11.53%;
}
.sub_page_content {
padding: 5.428571rem 0 0;
border-top: 1px solid #b3b3b3;
}
.sub_page_cust_fields {
width: 29%;
}
.sub_page_desc {
width: 63.94%;
margin: 0 7% 0 0;
}
.sub_page_desc_title {
text-transform:uppercase;
font-weight:bold;
margin:0 0 2rem;
}
.wp_content {
margin: 0 0 5.8571rem 0;
}
.hotel_dining_page .sub_page_content .col1 img{
width:100%;
}
/* booking bar styles */
.ui-datepicker-trigger {
margin: 6px 0 0;
margin: 5% 0 0;
vertical-align: text-bottom;
position: absolute;
right: 5px;
right: 3.43%;
}
.booking_container {
background-color: #34302c;
/*padding: 33px;*/
}
.booking_container input {
border-radius: 0px;
color: #f7f6f6;
}
.booking_label {
display: block;
margin: 0 0 12px;
}
.booking_container .booking_label, .booking_container label {
color: #fff;
font-size: 13px;
}
.hotel_accessible {
width: 13.89%;
margin: 34px 0 0;
margin: 2.9% 0 0;
}
.hotel_accessible input[type=checkbox] {
width: 13px;
}
.hotel_accessible label {
width: 95px;
width: 75%;
}
.hotel_select {
/*
margin: 30px 20px 0 0;
max-width: 187px;
padding: 10px 0px;
width: 100%;
*/
}
.home_top_content .col_1 .hotel_select{
max-width:220px;
width:55%;
}
.hotel_arrive, .hotel_depart {
margin: 0;
position: relative;
margin-right: 35px;
}
/*.promo_codes { margin:30px 0 0; }*/
.hotel_cancel {
margin-top: 5px;
max-width: 285px;
position: relative;
}
.hotel_cancel a, #special_rates {
color: #b4b4b4;
font-size: 13px;
font-size:.928571rem;
opacity: .8;
cursor: pointer;
}
#special_rates {
display: block;
padding: 32px 0 0;
padding: 3.6% 0 0;
margin-top: -10px;
z-index: 20;
}
.hotel_cancel a {
width: 18%;
}
.hotel_select.left.rac {
width: 65px;
}
.hotel_select.left.rac.child_num {
margin-right: 0px;
width: 70px;
}
.home .hotel_select.left.rac, .promo_codes .hotel_select.left.rac {
width: 90px;
}
.home .hotel_select.left.rac.child_num {
margin-right: 0px;
width: 63px;
}
.hotel_custom_select {
/*background: url("images/dropdown-menu.jpg") no-repeat scroll left top transparent;*/
cursor: pointer;
height: 15px;
margin: 2px 0;
overflow: hidden;
padding: 6px 5px;
max-width: 177px;
width: 100%;
border: 1px solid #ccc;
margin-bottom: 10px;
background:#d8d8d8;
}
.hotel_custom_select select::-ms-expand {
display: none;
}
/*
.hotel_custom_select_small {
background: url("images/dropdown-menu.jpg") no-repeat scroll right top transparent;
cursor: pointer;
height: 15px;
display:inline-block;
margin: 3px 0 0;
overflow: hidden;
padding: 6px 5px;
max-width: 50px;
width: 78%;
background: #817f7d;;
}*/
.hotel_custom_select_small {
background: url("images/dropdown-menu.jpg") no-repeat scroll right top transparent;
cursor: pointer;
height: 17px;
display: inline-block;
margin: 2px 0 0;
overflow: hidden;
padding: 5px 5px;
max-width: 50px;
width: 78%;
background: #fff;
margin:0;
}
.hotel_custom_select_small select {
width: 165%;
}
.arrive_depart_container {
width: auto;
height: auto;
float: left;
margin-bottom: 10px;
}
.hotel_depart {
margin: 0 20px 0 0;
}
.hotel_submit {
margin-top: 5px;
margin-right: 20px;
}
.hotel_submit input[type=submit] {
background-color: #ffcd00;
color: #000;
cursor: pointer;
font-size: 1rem;
text-transform: uppercase;
background-image: none;
border: none;
padding: 5px 10px;
}
.home .hotel_submit input[type=submit] {
background-color: #ffcd00;
color: #000;
cursor: pointer;
font-size: 1rem;
text-transform: uppercase;
background-image: none;
border: none;
padding: 5px;
}
.hotel_submit input[type=submit]:hover{
background-color:#ffe65c;
}
.hotel_custom_select select, .hotel_custom_select_small select {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
color: #f7f6f6;
-moz-appearance: window;
font-size:11px;
margin:1px 0 0;
line-height: 15px;
position:absolute;
font-size:13px;
width: 47px !important;
}
.hotel_custom_select option, .hotel_custom_select optgroup, .hotel_custom_select_small option, .hotel_custom_select_small optgroup {
background-color: #fff;color: black;
}
.booking_top {
margin: 0 0 20px;
margin: 0 0 1.75%;
}
.more_hotel_options {
display: none;
margin-top: 8px;
overflow: hidden;
left: 0;
margin-left: auto;
}
.home .more_hotel_options {
display: none;
margin-top: 8px;
overflow: visible;
background-color: #312d2a;
width: 94%;
position: absolute;
left: 0;
margin-bottom: 33px;
padding: 3%;
margin-left: auto;
z-index:1;
}
}
.promo_codes {
margin: 0 0 0 20px;
}
.promo_codes input {
margin-right: 15px;
width: 80px;
}
/* Custom 2012 theme */
#main { background-size:cover; }
/* Auqa Header*/
#main_top_bar {
background: url('./images/main_top_bar_bg.png') repeat-y;
max-width: 1920px;
z-index: 99;
padding: 5px 0 0 0;
padding: 0.357142rem 0 0 0; /* top 5px */
-moz-box-shadow: 0px 3px 3px #f9f9f9 inset;
-webkit-box-shadow: 0px 3px 3px #f9f9f9 inset;
box-shadow: 0px 3px 3px #f9f9f9 inset;
background-color:#fff;
}
.aqua_header_content {
position: relative;
min-height: 48px; /* must be at least 48px hieght */
}
#top_bar_menu {
width: 435px;
position: absolute;
left: 0;
bottom: 0;
}
#top_bar_menu a {
text-decoration: none;
color: #000;
}
#top_bar_menu a:hover {
text-decoration: none;
color: #FFF;
}
#top_bar_menu ul {
width: 100%;
}
#top_bar_menu ul li {
display: block;
float: left;
margin: 0 5px 0 0;
line-height: 15px;
border: 1px solid #cccccc;
border-bottom: none;
padding: 11px 15px;
background-image: url('images/tab-bg.png');
background-repeat: repeat-x;
border-radius: 4px 4px 0 0;
position: relative;/*background-color:#fff;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-box-shadow: 0px 3px 3px #f9f9f9 inset;
-webkit-box-shadow: 0px 3px 3px #f9f9f9 inset;
box-shadow: 0px 3px 3px #f9f9f9 inset;*/
}
#top_bar_menu ul li:hover a {
color:#fff;
}
#top_bar_menu ul li:last-child {
margin: 0;
}
#top_bar_menu ul li:hover {
background-color: #000;
color: #fff;
border-radius: 5px 5px 0 0;
background-image: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#top_bar_nav {
float: right;
list-style: none outside none;
width: 63%;
text-transform:uppercase;
padding-right: 25px;
}
#top_bar_nav li {
float: right;
margin: 18px 0 0 3.690036%;
margin: 1.285714rem 0 0 3.690036%;
font-size:12px;
font-size:0.857142rem;
color:#000;
}
#top_bar_nav li:last-child {
margin-bottom: 0.357142rem;
}
#top_bar_nav li a {
color:#000;
font-size:12px;
font-size:0.857142rem;
text-decoration:none;
text-transform:uppercase;
}
#top_bar_nav li a:hover{
text-decoration:underline;
}
#top_bar_nav img {
vertical-align: middle;
}
#top_bar_reserv {
font-size: 0.857142rem;
width: 90px;
position: absolute;
bottom: 0.857142rem;
right: 0;
}
#header_menu_container {
padding: 10px 0 5px;
padding: 0.72857rem 0 .3645rem;
background: #ffcd00;
}
.social-header{padding-top:15px;}
.logo_box {
max-width:207px;
width:18.157894%%;
float:left;
margin:20px 0 20px 35px;
margin:0.75% 0 1.15438% 3.07018%;
}
#header_menu_container .logo {
max-width: 100%;
}
#header_menu_container .main-navigation {
float: left;
width: 75.701754%;
margin:30px 35px 0 0;
margin:2.631578% 3.070175% 0 0;
}
#header_menu_container .main-navigation ul {
float: right;
}
#header_menu_container .main-navigation ul li {
display: block;
float: left;
}
#header_menu_container .main-navigation ul li:last-child {
margin: 0;
}
/* hover menu styles */
/* HIDE HOVER FOR PORTAL SITE */
.all_hotels {
bottom: 0px;
}
#black_arrow {
position: absolute;
bottom: -13px;
z-index: 999;
left: 50%;
margin-left: -14px;
}
.hover_menu li {
color: #fff;
font-style: normal;
font-weight: lighter;
line-height: normal;
opacity: .8;
margin:0 0 3%;
}
.hover_col1 {
max-width: 333px;
width: 29.21%;
margin: 0 50px 0 0;
margin: 0 4.35% 0 0;
}
.hover_col2 {
max-width: 235px;
width: 22.49%;
margin: 0 58px 0 0;
margin: 0 5.14% 0 0;
}
.hover_col2 li {
line-height: 1;
}
.hover_col2 ul {
list-style-image: url(images/bullet-white.jpg);
margin: 0 0 0 8.67%;
width:100%;
}
.hover_col3 {
width: 236px;
width: 20.70%;
}
.hover_col3 ul {
list-style-type: none;
}
.hover_col3 div {
border-left: 1px solid #4b4e4f;
padding: 0 20px;
padding: 0 8.4%;
margin: 0 0 28px;
margin: 0 0 2rem;
}
.hover_col4 {
width: 196px;
width: 17.19%;
}
.hover_col4 ul {
list-style-type: none;
}
.hover_col4 div {
border-left: 1px solid #4b4e4f;
padding: 0 0 0 20px;
padding: 0 0 0 10.81%;
margin: 0 0 28px;
margin: 0 0 2rem;
}
.hover_menu {
background: url(images/hover-menu-bg.jpg) repeat-x;
position: absolute;
z-index: 100;
width: 100%;
max-width: 1920px;
font-size: 14px;
font-size: 1rem;
display: none;
}
.hover_col2 a, .hover_col3 a, .hover_col4 a {
color: #fff;
opacity: .8;
text-decoration: none;
margin: 0;
margin: 0;
display: inline-block;
list-style:none;
vertical-align:sub;
}
.hover_container {
margin: 50px auto 85px;
margin: 3.57142rem auto 6.07142rem;
max-width: 1140px;
width: 81.4286%;
}
.list_head {
color: #fff;
font-weight: bold;
margin: 0 0 14px;
margin: 0 0 1rem;
display: block;
}
.menu_image {
display: block;
margin: 50px 0 20px;
margin: 3.57142rem 0 1.428571rem;
max-width: 333px;
width: 100%;
border:4px solid #fff;
}
.menu_logo {
/*max-width: 194px;
width: 65.25%;*/
}
/* header Slider Content (Modify slider's style @ /twentytwelve/css/flexslider.css) */
.flex_disabled{
display: none;
}
.slide_button {
padding: 12px;
padding: 3%;
border: 1px solid #fff;
max-width: 142px;
width: 36.25%;
margin: 0 auto;
cursor: pointer;
display:block;
text-decoration:none;
color:#fff;
}
.slide_button:hover{
color:#fff;
}
.slide_copy {
position: absolute;
top: 28.44%;
color: #fff;
margin: 0 370px;
margin: 0 32.45%;
text-align: center;
max-width: 400px;
width: 35.08%;
}
.slide_desc {
font-size: 16px;
font-size: 1.1428571rem;
margin: 0 0 32px;
margin: 0 0 8%;
font-weight: lighter;
line-height: 1.2;
}
.slide_title {
font-size: 60px;
font-size: 4.28571rem;
margin: 0 0 14px;
margin: 0 0 1.2%;
line-height:1;
}
.slide_title, .slide_button {
text-transform: uppercase;
font-weight: lighter;
}
/* Common Home Page Template Styles */
.site_heading_wrapper {
margin:0;
}
#site_heading_title {
font-size: 68px;
font-size: 4.857142rem;
font-style: normal;
font-weight: 100;
line-height: 75px;
margin: 48px auto 11px;
margin: 3.428571rem auto .785714rem;
color: #fff;
text-align: center;
text-transform: uppercase;
}
div#site_heading_title { display:none; } /* per client remove hotel names at hotel level */
#site_heading_content >p {
font-size: 18px;
font-size: 1.285714rem;
font-style: normal;
font-weight: 300;
line-height: 27px;
margin: 0 auto 25px;
margin: 0 auto 1.785714rem;
width: 50%;
color: #fff;
text-align: center;
}
#site_heading_seperator {
color: #878fd4;
font-size: 1.285714rem;
margin: 0 auto 25px;
margin: 0 auto 1.785714rem;
text-align: center;
font-style: italic;
letter-spacing: 2px;
}
#site_heading_button {
margin: 22px auto 0;
margin: 1.571428rem auto 0;
text-align: center;
}
#site_heading_button a {
border: 1px solid #a2b0ef;
padding: 1rem;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
text-transform: uppercase;
color: #fff;
display: inline-block;
text-decoration:none;
}
#site_heading_button a:hover{
color:#fff;
}
#email_update_container {
background-color: #34302C;
margin: 0 0 3.428571rem; /* 48px */
padding: 1.428571rem 0; /* 20px */
color: #fff;
text-align: center;
}
#email_update_container input[type="text"] {
border: none;
border-radius: 0;
margin: 0 0.974658%;
width: 19.493177%; /* 200px */
}
.slash {
vertical-align:bottom;
}
/* Default Home Page Template (these section is for aqua hospitality) */
.portal_content_container{
text-align:center;
color:#000;
width:580px;
width:58.877192%;
margin:150px auto 45px;
/*margin:10.714285rem auto 3.214285rem;*/
margin:13.157894% auto 3.947368%;
}
.portal_content_container h1{
font-size:18px;
font-size:1.285714rem;
line-height:24px;
line-height:1.714285rem;
margin:0 0 30px;
margin:0 0 5.172413%;
text-transform:uppercase;
}
.portal_content_container .portal_subtitle{
font-size:78px;
font-size:5.571428rem;
font-weight:700;
margin:0 0 110px;
margin:0 0 18.965517%;
text-transform:uppercase;
}
.portal_select_text {
font-size:19px;
font-size:1.3571rem;
line-height:24px;
line-height:1.714285rem;
font-weight:bold;
}
.portal_brands_container{
display:none;
text-align:center;
margin:150px auto 45px;
margin:13.157894% auto 3.947368%;
color:#fff;
overflow:hidden;
}
.brand_col_2 img,.brand_col_3 img, .brand_col_4 img{
height:274px;
}
.brand_col_5 img{
max-width:30px;
width:56.603773%;
position: relative;
left:-10px;
}
.portal_brands_container .brand_col_1{
max-width:162px;
width:14.210526%;
height:274px;
padding:0 15px 0 18px;
padding:0 1.315789% 0 1.578947%;
}
.portal_brands_container .brand_col_2{
max-width:378px;
width:33.157894%;
overflow: hidden;
}
.portal_brands_container .brand_col_3{
max-width:185px;
width:16.228070%;
overflow: hidden;
margin-left: -42px;
}
.portal_brands_container .brand_col_4{
max-width:269px;
width:23.596491%;
overflow: hidden;
}
.portal_brands_container .brand_col_5 {
max-width: 53px;
width: 4.649122%;
height: 274px;
padding: 0 20px;
min-width: 42px;
text-align: center;
}
.brand_description{
font-size:15px;
font-size:1.071428rem;
line-height:24px;
line-height:1.714285rem;
margin:50px 0 0;
margin:30.864197% 0 0;
}
.brand_link_text {
font-size: 14px;
font-size: 1rem;
line-height: 18px;
line-height: 1.285714rem;
margin-top: 50px;
left: -10px;
position: relative;
}
.brand_lite .brand_description, .brand_lite .brand_link_text{
color:#000;
}
.portal_logos_container{
width:580px;
width:50.877192%;
margin:0 auto 160px;
margin:0 auto 14.035087%;
}
.portal_logos_container .brand_logo{
display:block;
background-color:#000;
max-height:78px;
line-height:78px;
max-width:188px;
width:32.068965%;
text-align:center;
border:solid 1px #000;
}
.portal_logos_container .brand_logo:hover{
background-color:#434343;
border:solid 1px #d6d6d6;
}
.portal_logos_container #logo_monogram img{
vertical-align:middle;
max-width:146px;
width:77.659574%;
}
.portal_logos_container #logo_aqua img{
vertical-align:middle;
max-width:87px;
width:46.276595%;
}
.portal_logos_container #logo_lite img{
vertical-align:middle;
max-width:41px;
width:21.808510%;
}
.portal_logos_container .logo_active{
background-color:#434343;
border:solid 1px #d6d6d6;
}
.portal_logos_container a.logo_middle{
margin:0 5px;
margin:0 0.862068%;
}
.grayscale{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
/*.none_grayscale{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}*/
.hospitality_background{
position:absolute;
z-index:-1;
}
/* Home Page Template 1 */
.home_template_1 .top_promo_box {
max-width: 481px;
width: 46.881091%;
position: relative;
margin: 0 0 3.428571rem;
color: #fff;
}
.home_template_1 .top_promo_box >img {
max-width: 481px;
width: 100%;
}
.home_template_1 .top_promo_box >div {
position: absolute;
top: 40%;
left: 0;
z-index: 1;
width: 50%;
margin: 0 0 0 8.316008%;
}
.home_template_1 .top_promo_box > div h2 {
font-size: 30px;
font-size: 2.142857rem;
line-height: 30px;
line-height: 2.142857rem;
margin: 0 0 10px;
margin: 0 0 0.714285rem;
text-transform: uppercase;
}
.home_template_1 .top_promo_box >div p {
margin: 0 0 10px;
margin: 0 0 0.714285rem;
}
.home_template_1 .top_promo_box a {
color:#fff;
text-decoration:none;
}
.home_template_1 .top_promo_box a span {
color:#000;
position: relative;
top: 2px;
}
.home_template_1 .top_promo_button {
border: 1px solid #7f7f7f;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0.857142rem; /* 13px 0.928571rem X 12px */
background-color: #b4b4b4;
position: absolute;
top: 50%;
right: -0.857142rem;
color: #000;
text-transform: uppercase;
text-decoration: none;
}
.home_template_1 .top_promo_button:hover{
color:#000;
}
.home_template_1 .bottom_promo_container{
margin:0 0 40px;
margin:0 0 2.857142rem;
}
.home_template_1 .bottom_promo_left {
width: 31.578947%;
margin: 0 3.898635% 0 0; /* 40px */
float: left;
}
.home_template_1 .bottom_promo_left .promo_image_wrapper{
position:relative;
}
.home_template_1 .bottom_promo_left .promo_image_wrapper img {
max-width: 324px;
width: 100%;
margin: 0 0 20px;
margin: 0 0 1.428571rem;
border-radius: 0;
box-shadow: none;
}
.home_template_1 .bottom_promo_left .promo_image_wrapper .promo_sub_title{
font-size:26px;
font-size:1.857142rem;
color:#fff;
position:absolute;
top:12%;
left:0;
text-transform: uppercase;
text-align:center;
width:100%;
}
.home_template_1 .bottom_promo_left >div {
margin: 0 0 10px;
margin: 0 0 0.714285rem;
}
.home_template_1 .bottom_promo_left a{
text-transform: uppercase;
color:#000;
font-weight:700;
text-decoration:none;
}
.home_template_1 .bottom_promo_left a:hover{
color:#000;
}
.home_template_1 .bottom_promo_right {
max-width: 662px;
width: 64.522417%;
float: left;
}
.home_template_1 .bottom_promo_right h1 {
font-size: 24px;
font-size: 1.714285rem;
line-height: 26px;
line-height: 1.857142rem;
font-weight: 400;
text-transform:uppercase;
}
.home_template_1 .bottom_promo_right p {
line-height: 19px;
line-height: 1.357142rem;
}
/* Home Template 2 */
.home_template_2 #email_update_container{
margin:0;
}
.home_template_2 .flex_slider_wrapper{
background-color:#252c2e;
overflow:hidden;
}
.home_template_2 .home_slider{
float:left;
max-width:760px;
width:66.666667%;
max-height:400px;
height:100%;
}
.home_template_2 .flex-container{
float:left;
max-width:380px;
width:33.333333%;
height:100%;
max-height:400px;
}
.home_template_2 .flex-control-nav{
position:relative;
top:0;
text-align:left;
height:100%;
}
.home_template_2 .flex-control-nav .slider_control_wrapper{
height:100%;
}
.home_template_2 .flex-control-nav li{
display:block;
margin:0;
height:24%;
background-color:#d3d5d5;
padding:25px 25px 13px;
padding:6.578947% 6.578947% 3.421052%;
position:relative;
border-bottom: 1px solid #fff;
}
.home_template_2 .slide_copy{
color:#fff;
max-width:240px;
width:31.578947%;
position:absolute;
top:40%;
right:0;
text-align:center;
margin:0 50px 0 0;
margin:0 6.578947% 0 0;
}
.home_template_2 .slide_sub_title{
font-size:21px;
font-size:1.5rem;
color:#ffcd00;
}
.home_template_2 .slide_desc{
font-size:30px;
font-size:2.142857rem;
}
.home_template_2 .slide_button{
border:none;
background-color:#000;
display:block;
cursor:pointer;
margin:0 auto;
padding:3%;
text-decoration:none;
max-width:135px;
width:56.25%;
color:#ffcd00;
}
.home_template_2 .flex-control-nav li.flex-active{
background-color:#fff;
}
.home_template_2 .flex-control-nav .control_thumb{
max-width:137px;
width:41.515151%;
max-height:99px;
height:100%;
margin:0 15px 0 0;
margin:0 4.545454% 0 0;
float:left;
}
.home_template_2 .flex-control-nav .slide_title{
position:absolute;
right:0;
top:40%;
margin:0;
color:#252c2e;
width:153px;
width:46.363636%;
padding:0 25px 0 0;
padding:0 7.575757% 0 0;
font-size:18px;
font-size:1.285714rem;
}
.home_template_2 .flex-control-nav .control_arrow{
display:none;
margin:0;
position:absolute;
max-width:32px;
max-height:64px;
float:none;
width:3.947368%;
top:40%;
left:-15px;
left:-3.947368%;
}
.home_template_2 .bottom_promo_container{
margin:0 0 40px;
margin:0 0 2.857142rem;
}
.home_template_2 .bottom_promo_right {
width:28.167641%; /* 289/1026 */
float: left;
padding:0 0 0 30px;
padding:0 0 0 2.923976%;
border-left: 1px solid #eeeeee;
color:#7f7f7f;
}
.home_template_2 .bottom_promo_right > img {
max-width: 289px;
width: 100%;
margin: 0 0 20px;
margin: 0 0 1.428571rem;
border-radius: 0;
box-shadow: none;
}
.home_template_2 .bottom_promo_right .promo_sub_title{
font-size:24px;
font-size:1.714285rem;
color:#34302c;
text-transform: uppercase;
}
.home_template_2 .bottom_promo_right >div {
margin: 0 0 10px;
margin: 0 0 0.714285rem;
}
.home_template_2 .bottom_promo_right a{
text-transform: uppercase;
color:#646075;
font-weight:700;
text-decoration:none;
}
.home_template_2 .bottom_promo_right a:hover{
color:#646975;
}
.home_template_2 .bottom_promo_left {
width: 63.352826%; /* 650/1026 */
margin:0 55px 0 0;
margin:0 5.360623% 0 0;
float: left;
}
.home_template_2 .bottom_promo_left h1 {
font-size: 30px;
font-size: 2.142857rem;
line-height: 26px;
line-height: 1.857142rem;
font-weight: 400;
text-transform:uppercase;
}
.home_template_2 .bottom_promo_left p {
line-height: 19px;
line-height: 1.357142rem;
}
.home_template_2 .slider_control_wrapper {
cursor:pointer;
}
/* Home Template 3 */
.home_template_3 .left_promo_slider {
max-width: 535px;
position: relative;
width: 46.8811%;
}
.home_template_3 .left_promo_slider p {
text-align:center;
margin:0 35px 40px 35px;
margin:0 5.8% 7.47% 5.8%;
font-size:16px;
font-size:1.142857rem;
color:#000;
}
.home_template_3 .right_promo_slider {
max-width: 535px;
position: relative;
width: 46.8811%;
}
.home_template_3 .right_promo_slider img {
width:100%;
}
.home_template_3 .right_promo_1 {
width:100%;
position:relative;
}
.home_template_3 .right_promo_1 .promo_header {
padding:15.54% 0 0;
top: 0;
}
.home_template_3 .right_promo_1 .promo_header a {
color:#fff;
text-decoration:none;
display:block;
}
.home_template_3 .right_promo_1 .promo_header p {
margin:0 10.29% 9.36%;
}
.home_template_3 .right_promo_2 {
width:47.85%;
margin: 0 0 2.78%;
position:relative;
}
.home_template_3 .right_promo_2 .promo_header_border {
width:5%;
}
.home_template_3 .right_promo_2 .promo_header_text span {
padding:0 5.85%;
}
.home_template_3 .right_promo_2 .promo_header {
top:42.54%;
}
.home_template_3 .right_promo_2 .promo_header a {
color:#fff;
text-decoration:none;
display:block;
margin:37.09% 0 0;
text-transform:uppercase;
}
.home_template_3 .promo_image {
width:100%;
}
.home_template_3 .promo_box_text_box {
max-width:405px;
width:75.84%;
background-color:#e6e7ee;
opacity:.9;
left:12%;
margin:0;
top:53.8%;
position:absolute;
}
.home_template_3 .promo_box_text_box a {
text-decoration:none;
display:block;
margin:40px 0 0;
margin:7.47% 0 0;
font-weight:500;
color:#009f9a;
}
.home_template_3 .promo_box_text_box a:hover {
color:#009f9a;
}
.home_template_3 .promo_box_text_box h2 {
color:#000;
font-size:24px;
font-size:1.7142rem;
text-align:center;
line-height:1;
margin:40px 0;
margin:6.67% 0;
}
.home_template_3 .promo_description {
margin:0 0 14px;
margin:0 0 1rem;
font-weight:300;
background:url(images/promo-border-small.jpg) 0 0 repeat-x;
text-align:center;
height:6px;
}
.home_template_3 .promo_description span {
background-color:#fff;
padding:0 4.48%;
}
.home_template_3 .promo_header {
position:absolute;
top:12%;
color:#fff;
text-align:center;
width:100%;
}
.home_template_3 .promo_header h2 {
line-height:1;
font-size:36px;
font-size:2.57142rem;
text-transform:uppercase;
font-weight:300;
margin:0 0 3.74%;
}
.home_template_3 .promo_header_text {
text-transform:uppercase;
font-size:11px;
font-size:.7857142rem;
letter-spacing:3px;
}
.home_template_3 .promo_header_border {
display:inline-block;
margin:1.5% 0 0;
width:28.4%;
}
.home_template_3 .left_promo_slider .flex-control-paging li a:hover { background: #009f9a; background: rgba(0,159,154,1); }
.home_template_3 .left_promo_slider .flex-control-paging li a.flex-active { background: #009f9a; background: rgba(0,159,154,1);}
/* Special & Discount page */
.special_wrapper .special_container {
background-size:100% auto;
background-repeat:no-repeat;
}
.special_wrapper {
margin-bottom:25px;
margin-bottom:1.785714rem;
max-width: 323px;
width: 30.481481%;
margin:1%;
}
/* commented out to fix isues
.margin-wrapper {
margin-left: 2.71%;
margin-right: 2.71%;
}
*/
/*.last-wrapper {
margin:0 0 1.78571rem 0;
}*/
.special_container {
width: 100%;
height: 323px;
position: relative;
background-color: #000;
overflow: hidden;
}
.special_content, .special_details {
position: absolute;
left: 0;
bottom: 0;
padding: 25px 15px;
padding: 1.785714rem 0;
background-color: #000;
width:100%;
height: 25%;
}
.special_details {
display: none;
}
.special_details >p {
margin: 15px 0;
margin: 1.071428rem 0;
color: #b2b2b2;
padding:0 4.643962%;
line-height:19px;
line-height:1.357142rem;
}
.special_learn_more {
margin: 0 0 15px;
margin: 0 0 1.071428rem;
}
.special_heading {
font-size: 20px;
font-size: 1.428571rem;
line-height: 25px;
line-height: 1.785714rem;
color: #fff;
text-transform: uppercase;
display:block;
padding:0 4.64396%;
}
.special_heading_1 {
font-size: 18px;
font-size: 1.285714rem;
color: #b6b6b6;
text-transform: uppercase;
padding:0 4.64396%;
}
.special_heading_2 {
font-size: 20px;
font-size: 1.428571rem;
line-height: 25px;
line-height: 1.785714rem;
color: #fff;
text-transform: uppercase;
padding:0 4.64396%;
}
.special_view_more {
padding: 15px 15px;
padding: 1.071428rem 4.643962%;
}
.deluxe_package_page .special_promo_container{
padding:20px 4.643962%;
padding:1.428571rem 4.643962%;
}
.special_promo_container h3 {
color: #FFFFFF;
font-size: 1.85714rem;
font-weight: 500;
line-height: 2.42857rem;
}
.deluxe_package_page .special_promo_container p{
color:#fff;
font-size:26px;
font-size:1.857142rem;
font-weight:500;
line-height:34px;
line-height:2.428571rem;
}
.deluxe_package_page .special_detail_container{
position: absolute;
left: 0;
bottom: 0;
padding: 15px 0;
padding: 1.071428rem 0;
background-color: #000;
width:100%;
}
.deluxe_package_page .special_detail_container > p {
color: #FFFFFF;
line-height: 1.35714rem;
margin: 0 0 1.07143rem;
padding: 0 4.64396%;
}
.deluxe_package_page .special_view_more a {
color: #000000;
font-size: 0.928571rem;
text-decoration: none;
text-transform: uppercase;
}
.deluxe_package_page .special_title{
padding:20px;
font-size:18px;
font-weight:700;
margin:0;
line-height:1;
}
.special_link {
font-size: 13px;
font-size: 0.928571rem;
color: #cb0077;
text-transform: uppercase;
text-decoration: none;
}
.special_link:hover {
color: #cb0077;
}
.special_details .book_now_button {
margin:0 0 0 4.643962%;
}
.book_now_button {
background-color: #C00071;
color: #FFFFFF;
display: inline-block;
padding: 0.571428rem 7.1066%;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}
.book_now_button:hover {
color: #fff;
}
/* Activities detail page styles */
.activity_slider {
max-width: 495px;
max-height: 342px;
width: 48.245614%;
margin: 0 25px 0 0;
margin: 0 2.436647% 0 0;
}
.activity_slider img {
width: 100%;
}
.activity_content {
max-width: 675px;
width: 59.21%;
margin: 0 67px 0 0;
margin: 0 5.87% 0 0;
}
.activity_sidebar {
max-width: 295px;
width: 25.87%;
margin: 0;
}
.activity_sidebar ul {
list-style-image: url(images/bullet.png);
}
.activity_sidebar h4 {
text-transform: uppercase;
font-family: proxima-nova;
font-style: normal;
font-weight: 700;
font-size: 13px;
font-size:.928571rem;
margin: 0 0 30px;
margin: 0 0 10.16%;
color: #000;
}
.map_container {
max-width: 506px;
max-height: 342px;
width: 49.317738%;
margin: 0;
height:100%;
overflow:hidden;
}
.main_img {
position: relative;
background-color: #fff;
border-left: solid 1px #bbb;
border-right: solid 1px #bbb;
}
.main_img img {
max-width:1140px;
width: 100%;
}
.main_img h2 {
position: absolute;
color: #fff;
left: 5.08%;
top: 40.38%;
font-size: 48px;
font-size: 3.428571rem;
text-transform:uppercase;
}
.page_title_text {
font-family: proxima-nova;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
font-size: 36px;
font-size: 2.571428rem;
font-style: normal;
margin:0;
line-height:36px;
line-height:2.571428rem;
}
.page_title_text a {
text-decoration: none;
color: #666;
}
.page_title_text a:hover {
color: #666;
}
.page_type {
font-family: proxima-nova;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
font-size: 20px;
font-size: 1.428571rem;
font-style: normal;
margin: 0 0 50px;
margin: 0 0 3.571428rem;
display: block;
}
.title_of_page {
font-family: proxima-nova;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
font-size: 18px;
font-size: 1.28571rem;
font-style: normal;
margin: 55px 0 30px;
margin: 4.82% 0 2.63%;
display: block;
color: #333;
}
/* Destinations landing page */
.destination_img {
max-width: 1024px;
width: 100%;
max-height: 258px;
height: 20.42871rem;
margin: 0 0 52px;
margin: 0 0 4.56%;
overflow: hidden;
background-repeat:no-repeat;
background-size:100% 100%;
}
.destination_info {
background-color: #000;
color: #fff;
padding: 3.9%;
max-width: 325px;
width: 28.5%;
height: 100%;
line-height: 1.5;
font-size: 16px;
font-size: 1.14285rem;
font-weight: lighter;
}
.destination_info a:hover {
color:#fff;
}
.destinations_slider {
background-color: #fff;
position: relative;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
}
.destinations_slider img {
width: 100%;
}
.destination_title {
font-size: 48px;
font-size: 3.428571rem;
text-transform: uppercase;
}
.destination_title a {
text-decoration: none;
color: #fff;
}
.explore_link {
text-transform: uppercase;
color: #cb0077;
text-decoration: none;
display: block;
position: absolute;
bottom: 12.3%;
max-width: 250px;
width: 25%;
font-size: 13px;
font-size:.928571rem;
}
.review_link {
text-transform: uppercase;
color: #cb0077;
text-decoration: none;
display: block;
max-width: 250px;
width: 25%;
font-size: 13px;
font-size:.928571rem;
margin: 14px 0 0;
margin: 1.2% 0 0;
}
.explore_link span {
margin: 0 0 0 10px;
margin: 0 0 0 3.07%;
}
/* Destinations Page List */
.list-more_link {
color: #cb0077;
font-size: 13px;
font-size:.928571rem;
display: block;
text-decoration: none;
text-transform: uppercase;
margin: 20px 0 0;
margin: 1.75% 0 0;
font-weight: 600;
}
.page_img {
max-width: 162px;
/*width: 28.33%;*/
width:15.789473%;
margin: 0 27px 0 0;
/*margin: 0 2.36% 0 0;*/
margin: 0 2.631578% 0 0;
}
.activity_wrapper{
margin:0 0 40px;
margin:0 0 2.857142rem;
}
.page_img img {
width: 100%;
}
.page_teaser {
/*max-width: 672px;
width: 68.94%;*/
max-width:837px;
width:81.578947%;
font-size:14px;
font-size:1rem;
}
.page_teaser a{
text-decoration: none;
}
.page_teaser_title {
display: block;
font-family: proxima-nova;
font-size: 18px;
font-size: 1.42857rem;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
margin: 0 0 20px;
margin: 0 0 1.75%;
text-transform: uppercase;
}
.page_teaser_title a {
text-decoration: none;
color: #333;
}
/* Destinations City page */
.destination_page_slider{
margin:0 0 4.03%;
}
.destination_page_slider .page_type {
margin: 0 0 4.03%;
line-height: 1;
}
.destination_page_slider a {
text-decoration: none;
}
.gc_content {
color: #FFFFFF;
line-height: 1;
margin: 0;
max-height:100px;
max-width:323px;
width:80.2%;
height:34.340557%;
position:absolute;
bottom:0;
left:0;
padding:9.9% 9.9% 6.19%;
background-color: #000000;
}
.gc_teaser {
color: #B4B4B4;
font-size: 16px;
font-size: 1.1428571rem;
}
.gc_title {
color: #FFFFFF;
margin:0 0 9.9%;
font-size: 18px;
font-size: 1.28571rem;
text-transform: uppercase;
}
.page_type a {
text-decoration: none;
color: #666;
}
/* Destination Wedding */
.dest_wedding_content{
color: #666666;
margin: 0 0 40px;
margin:0 0 2.857142rem;
}
.dest_wedding_content h2{
color:#000;
line-height: 2.428571rem;
}
.dest_wedding_form{
}
/* Destination Wedding */
.dest_wedding_col_1{
color: #666666;
margin: 0 2.923976% 0 0; /* 30px */
padding: 2.14286rem 1.94932%;
width: 61.692007%; /* 674px */
}
.dest_wedding_col_2{
background-color: #EBEBEB;
border-left: 1px solid #C2C2C2;
padding: 25px 20px;
padding:1.785714rem 1.949317%;
width: 27.290448%; /* 280px */
}
.dest_wedding_col_1 h2{
color:#000;
line-height: 2.428571rem;
}
.event_img {
max-width: 1024px;
margin: 0 0 4.56%;
background-repeat: no-repeat;
background-size: 48% 100%;
}
.event_info{
background-color: #000;
color: #fff;
padding: 1.9% 3.9%;
max-width: 508px;
width: 44.56%;
line-height: 1.5;
font-size: 16px;
font-size: 1.14285rem;
font-weight: lighter;
height:100%;
}
.event_info ul{
padding-left: 10px;
}
.event_info p {
margin: 0 0 48px;
margin: 0 0 4.2%;
color: #b6b6b6;
}
.event_header_text {
color: #b6b6b6;
font-size: 18px;
font-size: 1.28571rem;
font-weight: 300;
text-transform:uppercase;
margin:0;
}
.event_sub_header_text {
color: #fff;
font-size: 20px;
font-size: 1.428571rem;
margin: 0 0 5px;
font-weight: 300;
text-transform:uppercase;
}
.see_event_space {
text-decoration: none;
color:#C10071;
line-height:31px;
line-height:2.214285rem;
text-align:middle;
margin:0 50px 0 0;
margin:0 10.91703% 0 0;
}
.see_event_space:hover{
color:#C10071;
}
.event_room_wrapper{
display:none;
}
/* hotel page styles */
.hotel_page .main_page{
margin:0;
}
.hotel_page #content{
position:relative;
top:-150px;
}
.hotel_page_template_1 #content{
position:relative;
top:-460px;
}
.hotel_page .hotel_submit input[type="submit"]{
background-color:#c00071;
color:#fff;
}
.main_content_holder {
background-image: url('images/weave-bg.png');
background-repeat:no-repeat;
}
.hotel_page .hotel_cancel a{
color:#e9600a;
}
.hotel_page .hotel_cancel a:first-child {
border-right:1px solid #999;
padding:0 3% 0 0;
margin:0 3% 0 0;
}
.hotel_page .hotel_cancel a:hover{
color:#e9600a;
}
.hotel_page #email_update_container{
margin:0;
}
.hotel_page_template_1 .hotel_slider_content_wrapper{
position:absolute;
top:19%;
left:0;
width:100%;
}
.hotel_page_template_1 .hotel_slider_content_container{
margin:0 auto;
max-width:1140px;
width:90%;
position:relative;
}
.hotel_page_template_1 .hotel_slider_content{
position:absolute;
right:0;
background:#000;
background:rgba(0,0,0,0.8);
width:44.5%;
max-width:623px;
padding:30px 65px 15px;
padding:2.142857rem 4.642857% 1.071428rem;
text-align:center;
}
.hotel_page_template_1 .hotel_slider_title{
margin:0 0 25px;
margin:0 0 1.785714rem;
font-size:24px;
font-size:1.7142rem;
color:#fff;
text-transform: uppercase;
}
.hotel_page_template_1 .hotel_slider_teaser{
margin:0 0 10px;
margin:0 0 0.714285rem;
line-height:20px;
line-height:1.428571rem;
font-size:17px;
font-size:1.214285rem;
color:#fff;
}
.hotel_page_template_1 .hotel_slider_link{
margin:0 0 20px 0;
margin:0 0 1.428571rem 0 ;
}
.hotel_page_template_1 .hotel_slider_link a{
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
.hotel_page_template_1 .hotel_slider_link a:hover{
color:#fff;
}
.hotel_page_template_2 .bottom_promo_container {
margin:4.28571rem 0 0;
}
.hotel_page_template_2 .hotel_slider_content_wrapper{
background:#000;
background:rgba(0,0,0,0.8);
position:absolute;
top:35%;
left:0;
width:100%;
padding:28px 0;
padding:2% 0;
}
.hotel_page_template_2 .hotel_slider_content{
margin:0 auto;
max-width:1400px;
width:90%;
position:relative;
right:inherit;
padding:0;
}
.hotel_page_template_2 .hotel_slider_title{
margin:0 0 0 65px;
margin:0 0 0 5.701754%;
max-width:460px;
width:40.350877%;
font-size:32px;
font-size:2.2857rem;
color:#fff;
text-transform: uppercase;
}
.hotel_page_template_2 .hotel_slider_teaser{
margin:0 85px 0 35px;
margin:0 7.456140% 0 3.070175%;
max-width:495px;
width:43.421052%;
line-height:20px;
line-height:1.428571rem;
font-size:17px;
font-size:1.214285rem;
color:#fff;
}
.hotel_page_promo_container{
margin:0 0 60px 0;
margin:0 0 4.285714rem 0;
overflow: hidden;
}
.hotel_page_promo_container img{
width:100%;
}
.hotel_page_promo_left{
float:left;
max-width:446px;
width:43.469785%;
position:relative;
}
.hotel_page_promo_mid,.hotel_page_promo_right{
float:left;
max-width:260px;
width:25.341130%;
position:relative;
}
.hotel_page_promo_mid{
margin:0 30px;
margin:0 2.923976%;
}
.hotel_page_promo_content{
background:#ebebeb;
width:100%;
position:absolute;
bottom:-26%;
left:0;
}
.hotel_page_promo_left .hotel_page_promo_content{
max-width:446px;
padding:25px 20px;
padding:1.7875rem 3.484%;
/* padding:1.785714rem 4.484384%; r.sullivan */
width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
}
.hotel_page_promo_mid .hotel_page_promo_content, .hotel_page_promo_right .hotel_page_promo_content{
max-width:260px;
padding:25px 20px;
padding:1.785714rem 7%;
width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
bottom:0;
}
.hotel_page_promo_title{
font-size:24px;
font-size:1.714285rem;
color:#000;
margin:0 0 14px 0;
margin:0 0 1rem 0;
text-transform: uppercase;
}
.hotel_page_promo_title a{
text-decoration: none;
}
.hotel_page_promo_teaser{
font-size:14px;
font-size:1rem;
color:#000;
}
.hotel_page .bottom_promo_left {
max-width:295px;
width: 28.752436%;
margin:0 50px 0 0;
margin: 0 4.873294% 0 0;
text-align: center;
float: left;
}
.hotel_page .bottom_promo_left p{
font-size:21px;
font-size:1.5rem;
line-height:27px;
line-height:1.928571rem;
}
.hotel_page .bottom_promo_left .quote{
font-size:14px;
font-size:1rem;
line-height:33px;
line-height:2.357142rem;
}
.hotel_page .bottom_promo_right {
max-width: 681px;
width: 66.374269%;
float: left;
}
.hotel_page .bottom_promo_right h1{
font-size:24px;
font-size:1.714285rem;
font-weight:400;
text-transform: uppercase;
line-height:1;
}
.hotel_page .bottom_promo_right p{
font-size:14px;
font-size:1rem;
line-height: 19px;
line-height: 1.357142rem;
font-weight:300;
}
/* Aqua Rooms */
/* meetings and groups */
.more_meeting_rooms {
margin: 80px 0 0;
margin: 5.714285rem 0 0;
vertical-align: middle;
text-transform: uppercase;
font-size: 16px;
font-size: 1.142857rem;
}
.more_meeting_rooms a {
cursor: pointer;
color: #cb0077;
text-decoration: none;
}
.more_meeting_rooms img{
vertical-align: middle;
}
.room_title {
font-size: 18px;
font-size: 1.285714rem;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 25px;
margin: 0 0 1.785714rem;
}
.room_title a{
text-decoration: none;
}
#room_header {
padding: 0 24px;
padding: 0 2.242990%;
margin: 0 0 50px 0;
margin: 0 0 3.571428rem 0;
}
#room_header ol, ul {
list-style:outside;
margin:4px 0 3% 0;
}
#room_header p {
margin-bottom: 3%;
}
.room_header_col_1 {
width: 62.616822%; /*670px*/
margin: 0 40px 0 0;
margin: 0 3.738317% 0 0; /*40px*/
}
.room_header_col_2 {
width: 33.644861%;
text-align: center;
margin-top: -56px;
}
.meeting_header_content{
margin:0 0 40px;
margin:0 0 2.857142rem;
}
.meeting_header_form{
margin:0 0 40px;
margin:0 0 2.857142rem;
}
.proposal_form_title{
margin:0 0 20px;
margin:0 0 1.428571rem;
}
.meeting_banner {
margin: 0 0 40px;
margin: 0 0 2.857142rem;
max-width: 633px;
width: 100%;
}
.suites_title {
font-size: 20px;
font-size: 1.428571rem;
margin: 0 0 30px;
margin: 0 0 2.142857rem;
font-weight: 700;
text-transform: uppercase;
color: #333;
line-height:1;
}
.room_header_col_1 p, .meeting_header_content p {
font-size: 16px;
font-size: 1.142857rem;
line-height: 20px;
line-height: 1.428571rem;
color: #666;
}
.room_header_col_2 p {
line-height: 26px;
line-height: 1.857142rem;
font-size: 21px;
font-size: 1.5rem;
font-weight: 100;
}
.room_header_col_2 p>span {
font-size: 14px;
font-size: 1rem;
font-weight: 300;
}
.filter_label {
font-weight: 700;
margin: 0 0 10px;
margin: 0 0 0.714285rem;
}
.hotel_filters {
width: 80.724070%; /*825px*/
margin: 0 10px 0 0;
margin: 0 0.978473% 0 0;
}
.hotel_sort {
width: 18.297455%; /*187px*/
}
.hotel_sort select {
width: 100%; /*187px*/
}
.ratings_container {
margin: 0 0 20px 0;
margin: 0 0 1.428571rem 0;
}
.ratings_text p{
line-height: 30px;
}
.ratings_container img {
margin: 0 5px 0 0;
margin: 0 0.427689% 0 0;
}
.room_container {
background-color: #f2f2f2;
padding: 28px 24px;
padding: 2rem 2.242990%;
margin: 0 0 30px;
margin: 0 0 2.142857rem;
}
.room_container p {
font-size: 14px;
font-size: 1rem;
line-height: 20px;
line-height: 1.428571rem;
}
.room_container li {
font-size: 13px;
font-size: 0.928571rem;
line-height: 16px;
line-height: 1.142857rem;
}
/*1022px*/
.room_col_1 {
width: 32.583170%; /*333px*/
}
.room_col_2 {
width: 42.563600%; /*435px*/
margin: 0 15px 0 20px;
margin: 0 1.467710% 0 1.956947%;
}
.room_col_3 {
width: 19.275929%; /*197px*/
border-left: 1px solid #c2c2c2;
min-height: 270px;
padding: 0 0 0 20px;
padding: 0 0 0 1.956947%;
}
.room_col_2 .room_amenities_list ul {
margin: 0 0 40px;
margin: 0 0 2.857142rem;
list-style: disc outside;
width: 100%;
padding-left: 15px;
overflow: hidden;
}
.room_amenities_list ul li {
margin-bottom: 5%;
speak:normal;
}
.amenities_left{
width:45%;
float: left;
}
.amenities_right{
float: left;
width:45%;
margin-left: 10%;
}
.room_col_2 .room_amenities_img_list {
margin: 0 0 40px;
margin: 0 0 2.857142rem;
}
.amenity {
font-size: 13px;
font-size:.928571rem;
margin: 0 15px 5px 0;
margin: 0 3.448275% 0.357142rem 0;
color: #666666;
text-transform:capitalize;
text-align:center;
}
.hotel_links li a {
cursor: pointer;
color: #cb0077;
text-decoration: none;
}
.hotel_links li {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
font-size:.928571rem;
margin: 0 20px 0 0;
}
.hotel_links li:last-child {
margin: 0;
}
.room_amenities {
color: #000;
text-transform: uppercase;
font-size: 13px;
font-size:.928571rem;
font-weight: 700;
margin: 0 0 10px;
margin: 0 0 0.714285rem;
}
.room_main_img img {
max-width: 333px;
width: 100%;
}
.room_thumbs img {
width: 70px;
}
.room_special_wrapper {
min-height: 155px;
color: #297d0c;
font-size: 18px;
font-size: 1.285714rem;
line-height: 20px;
line-height: 1.428571rem;
;
}
.room_price_wrapper {
margin: 0 0 40px 0;
margin: 0 0 2.857142rem 0;
}
.room_price_wrapper p{
font-size:18px;
font-size: 1.285714rem;
text-transform: uppercase;
}
.price_label {
font-size: 16px;
font-size: 1.142857rem;
color: #888888;
margin: 0 0 10px;
margin: 0 0 0.714285rem;
text-transform: uppercase;
}
.not_available_phone_num{
font-size:16px;
font-size:1.142857rem;
color:#000;
}
.dollar_sign {
vertical-align: super;
font-size: 22px;
font-size: 1.571428rem;
color: #000;
}
.room_price {
font-size: 34px;
font-size: 2.428571rem;
color: #000;
}
.price_unit {
vertical-align: sub;
font-size: 16px;
font-size: 1.142857rem;
text-transform: uppercase;
color: #000;
}
.room_button {
background-color: #c00071;
color: #fff;
display: inline-block;
padding: 8px 14px;
padding: 0.571428rem 7.106598%;
text-transform: uppercase;
text-decoration: none;
font-size:14px;
font-size:1rem;
width:55%;
}
/* Photo gallery page and Floorplans page. */
.gallery_page h1, .floorplans_page h1 {
color: #666;
font-size: 36px;
font-size: 2.571428rem;
text-transform: uppercase;
line-height:1;
}
.gallery_page h3 {
text-transform: uppercase;
text-align: left;
font-size: 20px;
font-size: 1.428571rem;
margin: 0 0 25px;
margin: 0 0 1.785714rem;
}
.gallery_page_title {
text-transform: uppercase;
text-align: left;
font-size: 20px;
font-size: 1.428571rem;
margin: 0 0 25px;
margin: 0 0 1.785714rem;
}
.gallery_box_single {
margin: 50px 0 0;
clear:both;
}
.gallery_block {
margin: 0 10px 40px 0;
}
#content .gallery_box_single .gallery_block > p {
position: relative;
margin: 5px 0px 20px 0;
border: 0;
}
#content .gallery_box_single .gallery_block > p .gallery_thumbnail {
width:320px;
height:207px;
border: 3px solid transparent;
box-shadow: 3px 3px 3px transparent;
}
.gallery_caption {
font-size: 13px;
font-size: 0.928571rem;
color: #666;
display:block;
text-align:center;
margin:5px 0 0;
}
.gallery_block .mag_glass {
display: none;
position: absolute;
bottom: 0;
right: 0;
max-width: 27px;
margin: 0 15px 30px 0;
}
/* Hotel Spa */
.spa_content{
color: #666666;
margin: 0 0 40px;
margin:0 0 2.857142rem;
}
.spa_content h2{
color:#000;
line-height: 2.428571rem;
}
.show_spa_menu{
color: #CB0077;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
margin:0 0 20px;
margin:0 0 1.428571rem;
display:block;
}
.spa_menu_container{
display:none;
}
/* Aqua Contact */
.contact_header {
width: 65.497076%;
margin: 0 0 95px 0;
margin: 0 0 6.785714rem 0;
}
.contact_header >p {
font-size: 16px;
font-size: 1.142857rem;
line-height: 20px;
line-height: 1.428571rem;
color: #666;
}
.contact_col_1 {
width: 61.598440%; /* 632px */
margin: 0 4.385964% 0 0; /* 45px */
padding: 30px 20px;
padding: 2.142857rem 1.949317%;
background-color: #ebebeb;
color: #666;
}
.contact_col_2 {
width: 28.460038%;/* 292px */
border-left: 1px solid #c2c2c2;
padding: 0 0 0 1.461988%; /* 15px */
}
.contact_col_2 p {
line-height: 19px;
line-height: 1.367142rem;
color: #666;
}
.contact_col_2 a.email {
color: #c10071;
text-decoration: none;
}
.contact_col_2 .contact_phone{
color: #666666;
line-height: 1.367142rem;
font-weight: 300;
margin-bottom: 3.571428rem;
}
.contact_col_2 .contact_phone .phone_label{
width:60%;
}
.contact_col_2 .contact_phone .phone_num{
width:40%;
}
/* Deluxe Package Page */
.deluxe_slider {
background-color: #fff;
position: relative;
margin:0 0 45px;
margin:0 0 3.214285rem;
}
.deluxe_slider img {
width: 100%;
}
.deluxe_slider .flexslider .slides img {
margin:0 0 0 30.5%;
max-height:226px;
width:69.5%;
}
.deluxe_slider .slide_content{
background-color:#000;
width:30.70%;
max-width:350px;
max-height:226px;
height:100%;
position:absolute;
top:0;
left:0;
padding:30px 35px 30px 45px;
padding:2.923976% 3.411306% 2.923976% 4.885964%;
box-sizing:border-box;
-moz-box-sizing: border-box;
color:#fff;
}
.deluxe_slider .slide_content p {
color:#fff;
}
.deluxe_slider .slide_title{
font-size:24px;
font-size:1.714285rem;
color:#fff;
font-weight:bold;
}
.deluxe_slider .slide_teaser{
color:#b2b2b2;
line-height:19px;
line-height:1.357142rem;
}
.deluxe_slider .slide_button {
width:44.25%;
}
.deluxe_slider .slide_button, .special_container .slide_button, .bamboo-button a {
background-color: #C10071;
border: medium none;
color: #FFFFFF;
display: inline-block;
font-size: 1rem;
font-weight: normal;
padding: 0.571428rem 5.33333%;
text-decoration: none;
text-transform: uppercase;
}
.special_container .slide_button {
margin:0 4.64396%;
}
.deluxe_header {
margin: 0 0 39px 0;
margin: 0 0 2.785714rem 0;
}
.deluxe_header > p {
font-size: 16px;
font-size: 1.142857rem;
line-height: 20px;
line-height: 1.428571rem;
color: #666;
}
.deluxe_title {
font-size: 20px;
font-size: 1.428571rem;
margin: 0 0 30px;
margin: 0 0 2.142857rem;
font-weight: 700;
text-transform: uppercase;
color: #333;
}
.deluxe_info {
background-color: #000;
color: #fff;
padding: 3.9%;
max-width: 508px;
width: 44.56%;
line-height: 1.5;
font-size: 16px;
font-size: 1.14285rem;
font-weight: lighter;
height:100%;
}
.deluxe_info p {
margin: 0 0 48px;
margin: 0 0 4.2%;
color: #b6b6b6;
}
h2.deluxe_header_text {
color: #b6b6b6;
font-size: 18px;
font-size: 1.28571rem;
font-weight: 300;
text-transform:uppercase;
margin:0;
display:block;
position:relative;
top:0;
left:0;
}
.deluxe_header_text {
color: #b6b6b6;
font-size: 18px;
font-size: 1.28571rem;
font-weight: 300;
text-transform:uppercase;
margin:0;
display:block;
}
.deluxe_sub_header_text {
color: #fff;
font-size: 20px;
font-size: 1.428571rem;
margin: 0 0 30px;
margin: 0 0 4%;
font-weight: 300;
text-transform:uppercase;
}
/* explore archive page */
.explore_page .special_container img{
width:100%;
}
/* Guest Reviews Page */
.review_caption {
font-size: 20px;
font-size: 1.428571rem;
color: #333;
margin: 60px 0 0;
margin: 5.26% 0 0;
}
.review_caption p {
font-weight: 400;
}
.single_review {
margin: 0 0 60px;
margin: 0 0 5.26%;
}
.review_info {
max-width: 933px;
width: 81.92%;
}
.review_info p {
font-size: 21px;
font-size: 1.5rem;
margin: 0 0 22px;
margin: 0 0 1.92%;
}
.review_site_img {
width: 150px;
width: 13.15%;
margin: 0 50px 0 0;
margin: 0 4.38% 0 0;
}
.review_trip_type {
color: #666;
font-size: 14px;
font-size: 1rem;
}
.reviewer {
font-size: 14px;
font-size: 1rem;
}
/* Amenities Page */
.amenities_page .amenities_teaser{
margin:0 0 20px;
margin:0 0 1.428571rem;
}
.amenities_container{
overflow:hidden;
margin:0 0 30px;
margin:0 0 2.142857rem;
}
.amenities_container .amenities_col_left{
max-width:426px;
width:24.9%;
margin:0 35px 0 0;
margin:0 3.1% 0 0;
}
.amenities_container .amenities_col_left img{
width:100%;
}
.amenities_container .amenities_col_right{
max-width:565px;
width:69%;
padding:10px 0;
padding:0.714285rem 0;
}
.amenities_container .amenities_col_right .amenities_title{
font-size:18px;
font-size:1.285714rem;
font-weight:700;
margin:0 0 20px;
margin:0 0 1.428571rem;
}
.amenities_title a {
display: block;
font-family: "proxima-nova",sans-serif;
font-size: 1.42857rem;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
margin: 0 0 1.75%;
text-transform: uppercase;
color:#21759B;
}
.amenities_title a:hover {
color:#0F3647;
}
.amenities_page .amenities_sub_title{
font-size:18px;
font-size:1.285714rem;
font-weight:700;
margin:0 0 10px 0;
margin:0 0 0.714285rem 0;
padding:20px 0 0;
padding:1.428571rem 0 0;
border-top:solid 1px #BDC8B4;
text-align:center;
}
.amenities_page .mid_content_container{
margin:60px 0;
margin:4.285714rem 0;
}
.amenities_page .mid_content_container ul li{
list-style-position:inside;
margin:0 0 15px;
margin:0 0 1.071428rem;
line-height:19px;
line-height:1.357142rem;
}
.amenities_page .mid_content_container .col_left{
width:45.614036%;
margin:0 45px 0 0;
margin:0 4.385964% 0 0;
}
.amenities_page .mid_content_container .col_right{
width:50%;
}
/* Special Events Page */
.se_content_wrapper{
color:#666;
margin:0 0 45px;
margin:0 0 3.214285rem;
}
.se_content_wrapper .se_col_left{
width:69.688109%; /* 715px */
margin:0 2.923976% 0 0; /* 30px */
float:left;
}
.se_content_wrapper .se_col_right{
border-left:1px solid #c6c6ba;
width:25.243664%; /* 259px */
padding:0 0 0 1.949317%; /* 20px */
float:left;
}
.se_content_wrapper .se_col_left h2{
font-size:24px;
font-size:1.714285rem;
line-height:28px;
line-height:2rem;
color:#333;
text-transform: uppercase;
}
.se_content_wrapper .se_col_left p{
font-size:16px;
font-size:1.142857rem;
line-height:20px;
line-height:1.428571rem;
}
.se_content_wrapper .se_col_right h3{
font-size:18px;
font-size:1.285714rem;
line-height:25px;
line-height:1.785714rem;
color:#333;
text-transform: uppercase;
}
.se_content_wrapper .se_col_right .contact_phone, .se_content_wrapper .se_col_right .contact_phone > div{
margin:0 0 10px;
margin:0 0 0.714285rem;
}
.se_content_wrapper .se_col_right .phone_label{
width: 60%;
}
.se_content_wrapper .se_col_right .phone_num{
width:40%;
}
.se_content_wrapper .se_col_right .email_label{
width:20%;
}
.se_content_wrapper .se_col_right .email{
width:80%;
}
.se_content_wrapper .se_col_right .email a{
text-decoration: none;
color:#C10071;
}
/*
.se_bottom_wrapper .first{
margin:0 4.483430% 0 0; 46px
}
*/
.se_bottom_col{
width:47.758284%; /* 490px */
float:left;
position:relative;
height:323px;
max-height:323px;
max-width:490px;
margin: 0 1.48343% 5% 0;
}
.se_bottom_col img{
width:100%;
height:100%;
}
.se_bottom_col .event_container{
color:#fff;
background-color:#000;
padding:15px 3.061224%;
padding:1.071428rem 3.061224%;
width:93.877551%;/* 460px */
position:absolute;
bottom:0;
left:0;
}
.se_bottom_col .event_heading{
font-size:20px;
font-size:1.428571rem;
line-height:25px;
line-height:1.785714rem;
margin:0 0 15px;
margin:0 0 1.071428rem;
}
.se_bottom_col p{
font-size:14px;
font-size:1rem;
line-height:19px;
line-height:1.357142rem;
margin:0 0 10px;
margin:0 0 0.714285rem;
}
.se_bottom_col .event_button{
background-color:#c00071;
width:40.217391%;
max-width:185px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
padding:8px 3.260869%;
padding: 0.571428rem 3.260869%;
text-decoration: none;
text-transform: uppercase;
}
/* Aqua Google Map */
.mapp-body p {
color: #666;
}
.mapp-body a {
color: #cb0077;
text-decoration: none;
text-transform: uppercase;
}
.mapp-layout {
margin: 0;
}
.mapp-body a:hover {
color: #cb0077;
}
.nearby_hotels_container {
margin: 40px 0 0;
margin: 2.857142rem 0 0;
}
.nearby_hotels_container a {
color: #cb0077;
font-size: 13px;
font-size: 0.928571rem;
text-decoration: none;
text-transform: uppercase;
}
/* Aqua Footer */
footer {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
.footer_wrapper {
background-color: #000;
}
#footer_top {
background-color: #000;
padding:70px 0 34px 0;
padding:5rem 0 2.428571rem 0;
}
.footer_top_col_1 {
width:30%;
color: #fff;
font-size: 15px;
font-size: 1.071428rem;
line-height: 20px;
line-height: 1.428571rem;
text-align:left;
font-weight:lighter;
}
.footer_top_col_2 {
max-width:114px;
width:10%;
color: #fff;
}
.footer_top_col_3 {
margin:0 0 0 8%;
overflow:hidden;
min-width: 300px;
height:26px;
color: #fff;
width:30%;
}
.footer_top_col_4 {
/*width: 26.807017%; 260px*/
width:26%;
color: #fff;
min-width: 290px;
position:relative;
}
.footer_top_col_4 .full-sb-footer > .ngfb-buttons{margin:0;}
.footer_top_col_4 .ngfb-buttons{
width:100% !important;
}
.footer_top_col_4 .facebook-button, .footer_top_col_4 .pinterest-button, .footer_top_col4 .twitter-button{
width:auto !important;
}
.footer_top_col_1 > div:first-child {
margin: 0 0 10px;
margin: 0 0 0.714285rem;
line-height: normal;
}
.footer_top_col_2 > div:first-child, .footer_top_col_3 >div:first-child {
line-height: 18px;
line-height: 1.285714rem;
}
.footer_top_col_2 > img {
width: 100%;
display: block;
float: left;
}
.footer_top_col_2 .last {
margin: 0;
}
.footer_top_col_3 input[type=text] {
width: 50%; /*162px*/
margin: 0 10px 5px 0;
margin: 0 1.5% 0.357142rem 0;
border: none;
border-radius: 0;
background-color: #b3b3b3;
padding: 6px 6px 7px;
padding: 0.428571rem 2.30769% 0.478571rem;
color: #747371;
opacity:.7;
max-width:162px;
}
.footer_top_col_3 .email_button{
padding: 5px;
height: 30px;
}
#footer_hotel_links {
background-color: #191919;
padding: 54px 0 80px;
padding: 3.857142rem 0;
}
#footer_hotel_links .footer_col {
width: 15.614035%; /* 228px */
margin: 0 4.385964% 0 0; /* 50px */
}
#footer_hotel_links .col_last {
border-left: 1px solid #3B3B3B;
padding: 0 0 0 3%; /* 34.2px */
width: 16.3%;
margin: 0;
}
#footer_hotel_links .col_last >div {
color: #fff;
margin: 30px 0 15px;
margin: 2.142857rem 0 1.071428rem;
}
#footer_hotel_links .col_last>div:first-child {
margin: 0;
}
#footer_hotel_links img {
max-width: 123px;
width: 71.491228%;
margin: 0 0 30px;
margin: 0 0 2.142857rem;
}
#footer_hotel_links ul li {
margin: 0 0 10px;
margin: 0 0 0.714285rem;
list-style:none;
}
#footer_badges {
background-color: #000;
padding: 48px 0 30px;
padding: 3.428571rem 0 2.1428571rem;
}
.badges_wrapper {
width: 47.105263%;
max-width: 537px;
margin: 0 auto;
}
.badge_slh {
width: 15.083798%;
max-width: 81px;
display: block;
float: left;
}
.badge_norton {
width: 18.808193%;
max-width: 101px;
margin: 0 21.415270%; /* 115px */
float: left;
display: block;
}
.badge_bbb {
width: 23.277467%;
max-width: 125px;
float: left;
text-align: center;
}
.badge_bbb img {
width: 100%;
}
.bbb_rated {
}
.aqua_footer_content { text-align:right; }
#footer_cite {
background-color: #000;
padding: 3.142857rem 0 0;
text-align: right;
font-size: 12px;
font-size: 0.928571rem;
width:60%;
float:right;
font-weight:lighter;
}
#footer_cite .copy_separator {
margin: 0 1%;
}
#footer_cite a {
color: #aaaaaa;
}
.fb-footer { display: inline-block; height:23px; width: 23px; background:url(images/fb-over.png); margin:0 4px 0 0; }
.fb-footer:hover img, .tw-footer:hover img, .gp-footer:hover img, .pt-footer:hover img { visibility:hidden; }
.tw-footer { display: inline-block; height:23px; width: 23px; background:url(images/twitter-over.png); margin:0 4px 0 0; }
.gp-footer { display: inline-block; height:23px; width: 23px; background:url(images/googleplus-over.png); margin:0 4px 0 0; }
.pt-footer { display: inline-block; height:23px; width: 23px; background:url(images/pinterest-over.png); }
/* comment out social plug in for footer
/*social footer links*/
/*
#footer-social
{
position: relative;
top: -30px;
}
.social-plug-wrapper{width:330px;margin:auto;}
.social-tw, .social-pintrest, .fb-like{float:left;width:100px;}
*/
/*help-me page styles */
.help_col_left {width:62%;float:left;}
.help_col_right{width:33%;float:right;}
.transportation_info div{font-size:24px; margin-bottom:24px;}
.transportation_info p{padding-bottom:6px;line-height: 1.5;}
.transportation_info table{background-color:#ebebeb;width:100%;margin-bottom:48px;display:none;}
.transportation_info table tr {height:20px;}
.transportation_info a{font-size:14px;color:#c10071;}
.transportation_info table th{text-align:center;padding: 10px}
.transportation_info table tr{padding: 10px}
.help_hotel_contact_title {
font-size: 26px;
}
.help_hotel_contact_sub_title {
font-size: 22px;
margin-bottom: 10px;
}
.help_hotel_contact_address {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
.phone_number_container {
width: 100%;
margin-bottom: 15px;
padding-bottom: 15px;
}
.phone_lable {
width: 50%;
float: left;
line-height: 1.5;
}
.phone_num {
width: 50%;
float: right;
line-height: 1.5;
}
.email-container {
margin: 10px 0;
}
.email_label {
font-weight: 700;
padding-right: 5px;
}
.faq_title {
margin: 15px 0;
font-size: 20px;
font-weight: 700;
}
.more_info_link_container{display:none;}
/* all hotels page styles */
.all-hotels ul li {
line-height: 1.3;
margin: 0 0 24px 0;}
/* portal FAQ page */
.hotel_contact_info .phone_num, .hotel_contact_info .email {
text-align:right;
float:right;
}
/* sitemap styles */
#wp-realtime-sitemap-pages ul li ul {
margin:1% 0 1% 4%;
}
/* h1 styles home_page_3 */
.home_page3_h1 {
display:block;
text-align:center;
color:#fff;
font-size: 2.143rem;
font-style: normal;
font-weight: 300;
line-height: 3.35714rem;
margin: 0 auto;
text-align: center;
}
/* faq page */
.need_help_page {
color:#000;
}
.need_help_page .phone_lable, .need_help_page .phone_num {
color:#444;
}
.faq_links {
list-style: disc inside none;
margin:3% 0;
}
.home_template_2 .flex-container{
height:400px;
}
.container_tablet li {
background-color: black;
padding: 11px;
margin: 5px;
width: 120px;
list-style:none;
margin-right: 21px;
}
.container_tablet a {
text-decoration: none;
color: white;
}
/* lite new style */
#main_page_wrapper{
background:url(./images/background.jpg);
overflow:hidden;
}
.nav_container{
background-color:#ffcd00;
margin:0 auto 20px;
margin:0 auto 1.428571rem;
max-width:1140px;
width:90%;
position:relative;
overflow:hidden;
}
.nav_container .logo_box{
position:inherit;
}
#datein, #dateout{
font-size:13px;
}
.col_1{
position:relative;
width:41.385964%;
max-width:458px;
}
.col_2{
width:58.070175%;
max-width:662px;
}
.col_1 .booking_bar_container{
width:100%;
}
.col_1 .booking_bar_container .booking_container{
background-color:#312d2a;
border:none;
}
.col_1 .booking_bar_container .booking_container .booking_label{
color:#7e7c7a;
font-size: 13px;
margin: 0 0 12px;
display: block;
}
.col_1 .booking_bar_container .hotel_select{
margin:0 0 10px;
color: #fff;
font-size: 13px;
padding:0;
padding-top: 4%;
}
.col_1 .booking_bar_container .arrive_depart_container{
width: 100%;
}
.col_1.promo_codes input {
width: 90px;
}
.col_1 .hotel_submit {
margin-top: 5px;
margin-right: 20px;
}
.col_1 #more_close {
position: absolute;
right: 0;
bottom: 0;
padding:15px;
}
.col_1 .hotel_select.left.rac.child_num {
margin-right: 0px;
width: 70px;
}
.co1_1 .ui-datepicker-trigger {
margin: 5% 0 0;
vertical-align: text-bottom;
position: absolute;
right: 1%;
top: 48%;
display: none;
}
.col_1 #datein, .col_1 #dateout {
width: 100%;
background-image: url('images/calendar-icon.png');
background-position: 95% 50%;
background-repeat: no-repeat;
height: 15px;
background-color: #ffffff;
color: #000000;
border: 0;
}
.col_1 .hotel_arrive, .col_1 .hotel_depart
{
width: 40%;
margin:0 10% 0 0;
position: relative;
}
.col_1 #book-your-stay-label{
font-size: 22px;
font-size:1.57142rem;
font-weight: bold;
text-transform:uppercase;
}
.col_1 .booking_bar_container a{
color:#ffcd00;
font-size:13px;
font-size:0.928571rem;
}
.col_1 .booking_bar_container a:hover{
color:#ffe65c;
}
.col_1 .booking_bar_container .booking_container .hotel_submit input[type=submit]{
-webkit-appearance: none;
}
.col_1 .signup_form_container{
background-color:#b0a791;
position:relative;
padding: 0 4%;
/*min-height: 50px;
max-height: 117px;
height:117px;
padding:10px 25px;*/
}
.col_1 .signup_form_container .signup_title{
color:#000;
font-size:24px;
font-size:1.714285rem;
text-transform:uppercase;
margin:0;
position: absolute;
top: 15%;
}
.col_1 .signup_form_container .signup_text{
color:#000;
font-size:14px;
font-size:1rem;
margin:0 0 12px;
position: absolute;
top: 40%;
}
.col_1 .signup_form_container #email_update_button{
-webkit-appearance: none;
}
.col_1 .signup_form_container label {
margin: 5px 0 7px 0;
color: #FFF;
}
.col_1 .signup_form_container #email_update_textbox{
background-color:#d0cac5;
width:60%;
color:#fff;
height:17px;
border-radius:0;
border:none;
float:left;
font-size:11px;
margin: 0 0 0 5px;
}
#email_update_button {
padding:6px;
margin:0 0 0 7px;
font-size:14px;
height:29px;
float:left;
}
.col_1 .signup_form_container .signup_form {
position: absolute;
bottom:14%;
width: 100%;
overflow:hidden;
height:29px;
}
.booking_container {
padding: 20px 25px;
}
.col_1 .booking_container {
padding: 0 4%;
}
.col_1 .hotel_select{width:58%;}
.hotel_cancel-home {
width:42%;
float:right;
padding-top: 4%;
}
.home_top_content{
}
.home_bottom_content{
margin:40px 0;
margin:2.857142rem 0;
height:170px;
}
.home_bottom_content .home_promo_wrapper{
border: #d6d6d6 solid 1px;
width:339px;
padding: 9px 12px;
float: left;
background-color: #fff;
margin: auto 5px;
}
.home_promo_wrapper .home_promo_col_1{
width:36.283185%;
max-width:123px;
}
.home_promo_wrapper .home_promo_col_1 img{
width:100%;
}
.home_promo_wrapper .home_promo_col_2{
width:59.587020%;
max-width:202px;
max-width:214px;
margin-left:14px;
margin-left:4.129793%;
}
.home_promo_wrapper .home_promo_col_2 .home_promo_title{
font-size:19px;
font-size:1.357142rem;
line-height:23px;
line-height:1.642857rem;
margin:0 0 10px;
margin:0 0 0.714285rem;
text-transform:uppercase;
}
.home_promo_wrapper .home_promo_col_2 .home_promo_content{
font-size:14px;
font-size:1rem;
}
.home_promo_wrapper .home_promo_col_2 .home_promo_link{
text-transform:uppercase;
color: #83786e;
font-size:14px;
font-size:1rem;
}
.emergency_msg {
color: #FFFFFF;
text-align: center;
padding:14px 40px;
padding:1rem 6.042296%;
font-size:15px;
font-size:1.071428rem;
width:87.915408%;
position: absolute;
bottom: 0;
left: 0;
background: black;
opacity: 0.7;
margin:auto;
height: 4%;
}
.emergency_msg img{
position:absolute;
top:5px;
right:14px;
cursor: pointer;
}
.home_promo_col_2 a{
text-decoration: none;
}
.home_promo_col_2 a:hover {
text-decoration: underline;
}
.footer_top_col_3 input[type=text] {
margin:0px;
font-size:12px;
padding:7px;
width:65%
}
.col_1 .signup_form_container #email_update_textbox {width:60%;}
}
#more_close {
color: white;
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
margin: 10px;
padding: 4px;
}
/* Landing Page */
.landing_page_1 .landing_content_top .col_left{
width:672px;
width:65.497076%;
margin:0 32px 30px 0;
margin:0 3.118908% 2.142857rem 0;
}
.landing_page_1 .landing_content_top .col_right{
width:322px;
width:31.384015%;
margin:0 0 30px;
margin:0 0 2.142857rem;
}
.landing_page_2 .landing_content_top .col_right{
width:672px;
width:65.497076%;
margin:0 0 30px;
margin:0 0 2.142857rem;
}
.landing_page_2 .landing_content_top .col_left{
width:322px;
width:31.384015%;
margin:0 32px 30px 0;
margin:0 3.118908% 2.142857rem 0;
}
.landing_rate_container{
width:298px;
width:92.546583%;
padding:18px 12px;
padding:1.285714rem 3.726708%;
background-color:#f2f2f2;
}
.landing_countdown_container{
width:298px;
width:92.546583%;
padding:18px 12px;
padding:1.285714rem 3.726708%;
border-bottom:#cccccc solid 1px;
background-color:#F2F2F2;
}
.landing_countdown_container .countdown_col_1{
width:180px;
width:60.402684%;
margin:0 13px 0 0;
margin:0 4.362416% 0 0;
}
.landing_countdown_container .countdown_col_2{
width:105px;
width:35.234899%;
}
.landing_sidebar_wrapper{
margin:0 0 30px 0;
margin:0 0 2.142857rem 0;
}
.landing_rate_title{
font-size:28px;
font-size:2rem;
margin:0 0 24px 0;
margin:0 0 1.714285rem 0;
color:#000;
}
.landing_rate_text{
font-size:17px;
font-size:1.214285rem;
color:#666;
min-height:96px;
min-height:6.857142rem;
}
.rate_alt_text{
font-size:10px;
margin:10px 0;
}
.countdown_container{
overflow:hidden;
width:100%;
}
.countdown_text{
font-size:12px;
font-size:0.857142rem;
}
.promo_code_text{
font-size:12px;
font-size:0.857142rem;
line-height:19px;
line-height:1.357142rem;
}
.promo_code{
font-size:18px;
font-size:1.285714rem;
font-weight:bold;
}
.landing_email_update_text{
font-size:14px;
font-size:1rem;
line-height:18px;
line-height:1.285714rem;
margin:0 0 10px 0;
margin:0 0 0.714285rem;
color:#fff;
}
.landing_email_update_form .error{
color:#fff;
}
.landing_email_update_container{
background-color:#34302c;
width:298px;
width:92.546583%;
padding:12px 12px;
padding:0.857142rem 3.726708%;
margin-top: 10px;
}
.landing_email_update_form input[type="text"]{
padding:5px;
border:0;
border-radius:0;
}
.landing_email_update_form .landing_email_box{
width:100%;
margin:0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.landing_email_update_form .landing_first_name_box{
width:48%;
margin:0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.landing_email_update_form .landing_last_name_box{
width:48%;
margin:0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.landing_email_update_form .facebook_login_button_container{
margin:0 15px 0 0;
}
.landing_promo_slider_wrapper{
margin:50 0 0;
margin:3.571428rem 0 0;
}
.landing_promo_title{
text-transform: uppercase;
font-size:20px;
font-size:1.428571rem;
margin:0 0 12px;
margin:0 0 0.857142rem;
}
.landing_promo_slider_wrapper .special_detail_container{
position:absolute;
left:0;
padding:15px 0;
padding:1.071428rem 0;
background-color:#fff;
width:100%;
height:140px;
top:0;
}
.landing_promo_slider_wrapper .special_detail_container p{
margin:0 0 15px;
margin:0 0 1.071428rem;
color:#000;
padding:0 4.643962%;
line-height:19px;
line-height:1.357142rem;
}
.landing_promo_slider_wrapper .special_detail_container a {
color:#C10071;
font-weight:bold;
position: absolute;
bottom: 12%;
}
.landing_promo_slider_wrapper .special_container{
background-size:100% auto;
background-repeat:no-repeat;
width:100%;
position:relative;
overflow:hidden;
height:170px;
border:1px solid #999;
background-color:#fff;
color:#000;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.landing_promo_slider_wrapper .special_promo_container{
padding:20px 4.643962%;
padding:1.428571rem 4.643962%;
}
.landing_promo_slider_wrapper .special_promo_container h4{
color:#fff;
font-size:26px;
font-size:1.857142rem;
font-weight:500;
line-height:34px;
line-height:2.428571rem;
}
.landing_page_1 .landing_content_bottom ul li,.landing_page_2 .landing_content_bottom ul li{
list-style:none;
}
.landing_content_bottom { color:#000; }
.landing_content_bottom .ngfb-content-buttons { display: none;}
.landing_content_top .ngfb-widget-buttons h3{
margin:0;
}
.landing_content_top .ngfb-widget-buttons .ngfb-buttons > div{
display:inline;
}
.landing_content_top .col_left { font-weight:bold; text-transform:uppercase; }
[if IE]
.hotel_submit input[type=submit] {font-size: 13px;}
#promocode, #groupcode, #iatacode{
border: 0 none;
line-height: 15px;
padding:6px;
font-size: 13px;
border:0;
padding-bottom:5px;
}
.promocode_box, .groupcode_box, .iatacode_box{
border:0;
background:white;
margin: 0;
margin-right:25px;
}
#prev_art, #next_art
{
position:absolute;
top:0;}
#prev_art, #next_art
{
position:absolute;
top:0;}
ul.slides
{
position:relative;
height: inherit;
}
#prev_art {
left:-15px;
top: 47%;
}
#next_art {
right:-15px;
top: 47%;
}
.slides .caroufredsel_wrapper
{height:169px !important;
}
.home_promo_wrapper{margin: 0px 22px 0px 0px !important;}
#art_slide_test
{display:block;
float:left;}
.home_promo_wrapper
{display:block;
float:left;
}
.room_rate_note {
line-height: 16px;
font-size: 12px;
}
#ui-datepicker-div {
font-size: .9rem;
}
.ui-datepicker.ui-datepicker-multi{
width:auto !important;
}
#footer_email_signup_form label {
margin: 7px 5px 0 0;
white-space: nowrap;
font-size: 12px;
color: #FFF;
}
#footer_email_signup{
background-color: #333;
opacity: 1;
color: #fff;
}