/* Theme Name: Veranda House Theme Description: Custom Responsive WordPress Theme Version: 1.0 Author: O'Rourke Hospitality Marketing Author URI: http://orourkehospitality.com */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 00 Reset 01 Defaults 02 Layout 03 Main Menu 04 Mobile Top Menu 05 Header 06 Footer 07 Homepage 08 Homepage Booking Form 09 Interior 10 Gallery 11 Page Defaults 12 Forms XX Icon Fonts Overrides */ /* -------------------------------------------------- 00 RESET -------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } li { list-style:none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #a21d21 !important; margin: 2em 0; padding: 0; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } *:first-child+html .clearfix { zoom: 1; } /* apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* -------------------------------------------------- 01 LAYOUT -------------------------------------------------- */ /* Reusable column setup */ .col { border:0px solid rgba(0,0,0,0); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; *behavior: url('js/boxsizing.htc'); } /* 1. 12 Column Grid 0px - Infinity ----------------------------------------------------------------------------- Span 1: 5.58333333333% Span 2: 14.1666666667% Span 3: 22.75% Span 4: 31.3333333333% Span 5: 39.9166666667% Span 6: 48.5% Span 7: 57.0833333333% Span 8: 65.6666666667% Span 9: 74.25% Span 10: 82.8333333333% Span 11: 91.4166666667% Span 12: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 0px) { .col { margin-left:3%; padding:3% 3% 1%; } .row .col:first-child { margin-left:0; } /* Add your semantic classnames in alongside their corresponding spans here. e.g. .span_3, .my_semantic_class_name { ... } */ .span_1 { width:5.58333333333%; } .span_2 { width:14.1666666667%; } .span_3 { width:22.75%; } .span_4 { width:30%; } .span_5 { width:39.9166666667%; } .span_6 { width:48.5%; } .span_7 { width:57.0833333333%; } .span_8 { width:65.6666666667%; } .span_9 { width:74.25%; } .span_10 { width:82.8333333333%; } .span_11 { width:91.4166666667%; } .span_12 { margin-left:0; width:100%; } } @media screen and (max-width: 448px) { .col { padding:5%; } } @media screen and (max-width: 765px) { .span_8 { width:100%; } .span_4 { width: 100%; } .span_4.col { margin-left: 0; } } /* -------------------------------------------------- 02 DEFAULTS -------------------------------------------------- */ ::-moz-selection { background: #c3c3c3; color:#000; } ::selection { background: #c3c3c3; color:#000; } body { background: #3b3b3b; font-family: "signo",sans-serif; font-size: 1em; line-height: 1.6em; font-weight:300; } .wrapper { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; max-width: 75%; } /* @media only screen and (max-width : 2000px) { .wrapper { max-width: 100%; } } */ @media only screen and (max-width : 1800px) { .wrapper { max-width: 90%; } } @media only screen and (max-width : 1300px) { .wrapper { max-width: 100%; } } img, embed, object, video { /* max-width: 100%; */ } .entry p { margin-bottom: 1.25em; font-family: 'signo', Arial, Verdana, sans-serif; } .entry ul, .entry ol { margin-bottom: 1.25em; } .entry ul li { list-style: circle outside none; margin-left: 35px; padding-left: 5px; } .entry ol li { list-style: decimal outside none; margin-left: 35px; padding-left: 5px; } .entry li ul li { list-style: circle outside none; } /* -------------------------------------------------- FONT STACK -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #010011; font-weight: normal; } h1 { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 2.5em; text-transform: uppercase; line-height: 120%; margin-bottom:10px; font-weight: 300; } h2 { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 2em; text-transform: uppercase; line-height: 120%; margin-bottom:10px; font-weight: 300; } h3 { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.25em; font-weight: 300; text-transform: uppercase; margin-bottom: .5em; } h4 { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.2em; line-height: 120%; margin-bottom: 10px; font-weight: 300; } h5 { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1em; text-transform: uppercase; line-height: 120%; color:#000; } h6 { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: .9em; line-height: 100%; } a:link { text-decoration: none; color: #a21d21; font-weight: 400; } a:visited { color: #a21d21;} a:active {color: #a21d21;} a:hover { color: #a21d21; outline: medium none; text-decoration: none; transition: color 0.5s ease-out 0s; } p a:link { text-decoration: none; color: #a21d21; } p a:visited { color: #a21d21;} p a:active {color: #a21d21;} p a:hover { color: #a21d21; outline: medium none; text-decoration: none; transition: color 0.5s ease-out 0s; } /* -------------------------------------------------- 03 MAIN MENU -------------------------------------------------- */ .main-menu-wrapper { display: block; float: right; background-color: #000; width: 100%; } .main-menu { display: block; margin: 0 auto; max-width: 70%; } @media only screen and (max-width : 2000px) { .main-menu { max-width: 75%; } } @media only screen and (max-width : 1800px) { .main-menu { max-width: 90%; } } @media only screen and (max-width : 1300px) { .main-menu { max-width: 95%; } } @media only screen and (max-width : 900px) { .main-menu { max-width: 100%; } } @media only screen and (max-width : 1300px) { .main-menu-wrapper { padding-right: 15px; } } .main-menu-toggle { display: none; } .main-menu li { position: relative; float: left; list-style: none outside none; } .main-menu ul { margin:0 auto; } .main-menu a { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; color: #FFFFFF; display: block; font-size: 1.1em; line-height: 1; padding: 10px 58px; text-decoration: none; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; } @media only screen and (max-width : 2517px) { .main-menu a { padding: 10px 55px; } } @media only screen and (max-width : 2477px) { .main-menu a { padding: 10px 54px; } } @media only screen and (max-width : 2437px) { .main-menu a { padding: 10px 51px; } } @media only screen and (max-width : 2397px) { .main-menu a { padding: 10px 49px; } } @media only screen and (max-width : 2357px) { .main-menu a { padding: 10px 47px; } } @media only screen and (max-width : 2317px) { .main-menu a { padding: 10px 45px; } } @media only screen and (max-width : 2277px) { .main-menu a { padding: 10px 43px; } } @media only screen and (max-width : 2237px) { .main-menu a { padding: 10px 41px; } } @media only screen and (max-width : 2197px) { .main-menu a { padding: 10px 39px; } } @media only screen and (max-width : 2157px) { .main-menu a { padding: 10px 37px; } } @media only screen and (max-width : 2117px) { .main-menu a { padding: 10px 35px; } } @media only screen and (max-width : 2077px) { .main-menu a { padding: 10px 34px; } } @media only screen and (max-width : 2051px) { .main-menu a { padding: 10px 31px; } } @media only screen and (max-width : 1901px) { .main-menu a { padding: 10px 28px; } } @media only screen and (max-width : 1808px) { .main-menu a { padding: 10px 27px; } } @media only screen and (max-width : 1801px) { .main-menu a { padding: 10px 45px; } } @media only screen and (max-width : 1790px) { .main-menu a { padding: 10px 44px; } } @media only screen and (max-width : 1759px) { .main-menu a { padding: 10px 42px; } } @media only screen and (max-width : 1727px) { .main-menu a { padding: 10px 40px; } } @media only screen and (max-width : 1696px) { .main-menu a { padding: 10px 38px; } } @media only screen and (max-width : 1665px) { .main-menu a { padding: 10px 36px; } } @media only screen and (max-width : 1634px) { .main-menu a { padding: 10px 34px; } } @media only screen and (max-width : 1603px) { .main-menu a { padding: 10px 32px; } } @media only screen and (max-width : 1572px) { .main-menu a { padding: 10px 30px; } } @media only screen and (max-width : 1541px) { .main-menu a { padding: 10px 29px; } } @media only screen and (max-width : 1525px) { .main-menu a { padding: 10px 29px; } } @media only screen and (max-width : 1510px) { .main-menu a { padding: 10px 26px; } } @media only screen and (max-width : 1479px) { .main-menu a { padding: 10px 24px; } } @media only screen and (max-width : 1447px) { .main-menu a { padding: 10px 21px; } } @media only screen and (max-width : 1401px) { .main-menu a { padding: 10px 19px; } } @media only screen and (max-width : 1371px) { .main-menu a { padding: 10px 17px; } } @media only screen and (max-width : 1340px) { .main-menu a { padding: 10px 15px; } } @media only screen and (max-width : 1307px) { .main-menu a { padding: 10px 15px; } } @media only screen and (max-width : 1284px) { .main-menu a { padding: 10px 17px; } } @media only screen and (max-width : 1280px) { .main-menu a { padding: 10px 15px; } } @media only screen and (max-width : 1254px) { .main-menu a { font-size: 1em; padding: 10px 19px; } } @media only screen and (max-width : 1234px) { .main-menu a { padding: 10px 17px; } } @media only screen and (max-width : 1205px) { .main-menu a { padding: 10px 15px; } } @media only screen and (max-width : 1175px) { .main-menu a { padding: 10px 13px; } } @media only screen and (max-width : 1146px) { .main-menu a { padding: 10px 12px; } } @media only screen and (max-width : 1131px) { .main-menu a { font-size: .9em; padding: 10px 16px; } } @media only screen and (max-width : 1111px) { .main-menu a { padding: 10px 14px; } } @media only screen and (max-width : 1082px) { .main-menu a { padding: 10px 13px; } } @media only screen and (max-width : 1067px) { .main-menu a { padding: 10px 12px; } } @media only screen and (max-width : 1052px) { .main-menu a { font-size: .85em; padding: 10px 13px; } } @media only screen and (max-width : 1027px) { .main-menu a { padding: 10px 11px; } } @media only screen and (max-width : 998px) { .main-menu a { padding: 10px 9px; } } @media only screen and (max-width : 968px) { .main-menu a { padding: 10px 8px; } } @media only screen and (max-width : 941px) { .main-menu a { font-size: 0.8em; padding: 10px 8px; } } @media only screen and (max-width : 911px) { .main-menu a { padding: 10px 8px; } } .main-menu li:first-child a { padding-left: 0; } .main-menu li:last-child a { padding-right: 0; } @media only screen and (max-width : 900px) { .main-menu li:first-child a { padding-left: 30px; } .main-menu li:last-child a { padding-right: 30px; } } .main-menu a:hover, .main-menu li:hover > a, .main-menu ul > li > a.active { color: #a21d21; } .main-menu li ul { position: absolute; opacity: 0; top: 35px; left: -9999px; min-width: 100%; width: auto; /* padding: 15px 20px; */ background: rgb(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; /* -webkit-box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5); -moz-box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5); box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5); */ } @media only screen and (max-width : 1135px) { .main-menu li ul { top: 34px; } } @media only screen and (max-width : 945px) { .main-menu li ul { top: 33px; } } .main-menu li ul:hover { /* background: rgba(255,255,255,1); */ } .main-menu li:hover ul { opacity: 1; left: 0; } .main-menu li li { float: none; white-space: nowrap; } .main-menu li li a { margin: 0; padding: 10px 30px !important; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } /* .main-menu li li:first-child a { padding: 10px 20px !important; } .main-menu li li:last-child a { padding: 10px 20px !important; } */ .main-menu li li a:hover { color: #a21d21; } .header-phone { color: #FFFFFF !important; float: left; font-family: "interstateboldcondensed"; padding-top: 11px; padding-right: 20px; font-size: 1.1em; } .header-phone a { color: #FFFFFF !important; } #utility-menu a { background-color: #A21D21; color: #FFFFFF; display: block; float: left; font-family: "interstateboldcondensed"; margin-left: 3px; padding: 11px 20px; text-transform: uppercase; font-size: 1.1em; } .header-right { display: block; float: right; height: auto; width: 385px; } @media only screen and (max-width : 347px) { #utility-menu a { font-size: 1em; } } @media only screen and (max-width : 310px) { #utility-menu a { font-size: .9em; } } @media only screen and (max-width : 1340px) { .header-right { width: 340px; } #utility-menu a { padding: 11px 13px; } .header-phone { padding-right: 7px; } } @media only screen and (max-width : 1216px) { .header-right { width: 320px; } #utility-menu a { padding: 11px 6px; } .header-phone { padding-right: 5px; } } @media only screen and (min-width : 900px) { .main-menu li:hover ul { opacity: 1; left: 0; } } @media only screen and (max-width : 900px) { .main-menu li ul { opacity: 1; left: 0; } .header-right { width: 82%; } .header-phone { padding-right: 0px; width: 20%; text-align: center; background-color: #A21D21; padding: 16px 0 12px; margin-left: 3px; } .header-phone > a { color: #FFFFFF; } #utility-menu a { padding: 14px 2px; text-align: center; width: 39.25%; } } @media only screen and (max-width : 745px) { #utility-menu a { width: 39.2%; } } @media only screen and (max-width : 727px) { #utility-menu a { width: 39.15%; } } @media only screen and (max-width : 658px) { #utility-menu a { width: 39.05%; } } @media only screen and (max-width : 590px) { #utility-menu a { width: 39%; } } @media only screen and (max-width : 560px) { #utility-menu a { width: 38.95%; } } @media only screen and (max-width : 536px) { #utility-menu a { width: 38.75%; } } @media only screen and (max-width : 452px) { #utility-menu a { width: 38.55%; } } @media only screen and (max-width : 392px) { #utility-menu a { width: 38.35%; } } @media only screen and (max-width : 346px) { #utility-menu a { width: 38.16%; } } @media only screen and (max-width : 310px) { #utility-menu a { width: 38.05%; } #utility-menu li:first-child a { width: 38.225%; } } @media only screen and (max-width : 300px) { .header-phone { width: 19.5%; } } .menu-item-parent:hover span:after { color: #a21d21; } @media only screen and (max-width : 900px) { .main-menu-wrapper { float: none; /* display: table !important; */ margin: 0 auto; } .main-menu a { padding: 14px 0; } .main-menu li ul { top: 70px; } } @media only screen and (max-width : 900px) { .main-menu li li a:hover { color: #a21d21; } .brand-topper { border-bottom: none; } .top-menu-wrapper { display: block; /* height: 50px; */ } .main-menu-wrapper { clear: both; float: none; display: none; margin: 0 auto; background: #252525; width:100%; } .header-items-wrapper { overflow: hidden; text-align: center; float: left; width: 18%; } .main-menu-toggle { background: none repeat scroll 0 0 #a21d21; color: #FFFFFF !important; display: block; font-family: "interstateboldcondensed", Arial, Verdana , sans-serif; font-size: 1.2em; font-weight: 100; line-height: 0.6; margin: 0 auto; padding: 17px 0; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; /* border-bottom: thin solid #3f3e49; */ letter-spacing: 2px; } .main-menu-toggle a:hover { background: #faf3dd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDhiYjZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZThkMTg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZGJhZjJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiYWYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #faf3dd 0%, #d8bb6c 4%, #e8d186 54%, #dbaf2c 57%, #dbaf2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf3dd), color-stop(4%,#d8bb6c), color-stop(54%,#e8d186), color-stop(57%,#dbaf2c), color-stop(100%,#dbaf2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf3dd', endColorstr='#dbaf2c',GradientType=0 ); /* IE6-8 */ } .main-menu-toggle a:active { background: #faf3dd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDhiYjZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZThkMTg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZGJhZjJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiYWYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #faf3dd 0%, #d8bb6c 4%, #e8d186 54%, #dbaf2c 57%, #dbaf2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf3dd), color-stop(4%,#d8bb6c), color-stop(54%,#e8d186), color-stop(57%,#dbaf2c), color-stop(100%,#dbaf2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #faf3dd 0%,#d8bb6c 4%,#e8d186 54%,#dbaf2c 57%,#dbaf2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf3dd', endColorstr='#dbaf2c',GradientType=0 ); /* IE6-8 */ } .main-menu { background: #012b5d; box-shadow: 0 1px 3px #000 inset; margin: 0 auto; } .main-menu a { color: #FFFFFF; display: block; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1em; font-weight: 200; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 20px 30px; text-decoration: none; line-height: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); } /* @media only screen and (max-width : 900px) { .main-menu a { padding:20px; } } */ .main-menu a:hover, .main-menu li:hover > a, .main-menu ul > li > a.active { background: none repeat scroll 0 0 #000000; color: #a21d21; } .main-menu li { background: #000000; float: none; border-bottom: 1px solid #3f3e49; } .main-menu li ul { position: relative; top: 0; left: 0; padding: 0; } .main-menu .menu-item:active { background-color: #262626; } .main-menu .sub-menu .menu-item:active { background-color: #151515; } .menu-item-parent { position: relative; } .menu-item-parent span { color: #FFF; font-family: 'veranda_house'; font-size: 1.3em; font-weight: bold; line-height: 1; position: absolute; right: 30px; top: 15px; } .menu-item-parent span:after { content: "\e80c"; } .menu-item-parent.open:hover span:after { content: "\e80b"; } .menu-item-parent.open:focus span:after { content: "\e80b"; } .menu-item-parent.open span { top: 15px; } .main-menu .sub-menu { display: none; background: #222; } .main-menu .sub-menu a { background: #1d1c23; color: #FFFFFF; font-size: 0.9em; font-weight: 100; padding: 20px 30px 20px 40px; text-shadow:none; } .main-menu .sub-menu li { border-bottom: 1px solid #3f3e49; } .main-menu .sub-menu li:first-child { border-top: 1px solid #999; } .main-menu .sub-menu li:last-child { border-bottom: none; } } .utility-menu-mobile-wrapper { display: block; margin: 0 auto; width: 175px; padding-left:10px; } .utility-menu-mobile li { position: relative; float: left; list-style: none outside none; } .utility-menu-mobile ul { margin:0 auto; } .utility-menu-mobile a { font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; color: #FFFFFF; display: block; font-size: 0.95em; line-height: 1; padding: 18px 8px; text-decoration: none; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; } .utility-menu-mobile a:hover, .utility-menu-mobile li:hover > a, .utility-menu-mobile ul > li > a.active { color: #a21d21; } .utility-menu-mobile li ul { position: absolute; opacity: 0; top: 50px; left: -9999px; min-width: 100%; width: auto; /* padding: 15px 20px; */ background: rgb(19, 19, 19, 0.8); background: rgba(19, 19, 19, 0.8); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; -webkit-box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5); -moz-box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5); box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5); } .utility-menu-mobile li ul:hover { /* background: rgba(255,255,255,1); */ } .utility-menu-mobile li:hover ul { opacity: 1; left: 0; } .utility-menu-mobile li li { float: none; white-space: nowrap; } .utility-menu-mobile li li a { margin: 0; padding: 10px 20px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .utility-menu-mobile li li a:hover { color: #a21d21; } /* -------------------------------------------------- 04 MOBILE TOP MENU -------------------------------------------------- */ .top-menu-wrapper { display: block; /* height: 90px; */ margin: 0 auto; max-width: 70%; } .top-menu { float:right; } .top-menu li { float: left; list-style: none outside none; position: relative; } .top-menu a { color: #807f7f; display: block; /* font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; */ font-size: 0.75em; line-height: 1; padding: 18px 8px; text-decoration: none; } .top-menu a:hover { color: #010011; outline: medium none; text-decoration: none; transition: color 0.5s ease-out 0s; } @media only screen and (max-width : 2000px) { .top-menu-wrapper { max-width: 75%; } } @media only screen and (max-width : 1800px) { .top-menu-wrapper { max-width: 90%; } } @media only screen and (max-width : 1300px) { .top-menu-wrapper { max-width: 95%; } } @media only screen and (max-width : 900px) { .top-menu { clear: both; float: none; margin: 0 auto; width: 560px; } .top-menu-wrapper { /* height: 120px; */ } } @media only screen and (max-width : 600px) { .top-menu { float: none; margin: 0 auto; text-align: center; width: 275px; /* padding: 10px 0px; */ } .top-menu li:nth-child(3n) { /* margin-left: 25px; margin-bottom: 15px; */ } .top-menu a { /* padding: 10px 8px; */ } .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2072 { display: none; } .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1777 { display: none; } .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2069 { display: none; } } @media only screen and (max-width : 360px) { .logo img { margin-left: 10%; } } /* -------------------------------------------------- 05 HEADER -------------------------------------------------- */ .header-wrapper { margin: 0 auto; width: 100%; } header[role="site-header"] { position: relative; height: auto; /* z-index: -1; */ } header[role="site-header"] .logo { float: left; padding: 5px 0 10px; } header[role="site-header-mobile"] { display: none; } @media only screen and (max-width : 900px) { header[role="site-header-mobile"] { position: relative !important; height: auto; display: block !important; } header[role="site-header-mobile"] .logo { float: none; padding-top: 15px; padding-bottom: 15px; } header[role="site-header"] { display: none; } } header[role="page-header"] { width: 100%; height: auto; margin: 0 auto; } header[role="page-header"] img { display: block; max-width: 100%; margin: 0 auto; height: auto; } .mobile-logo { display: none; } .page-name-header-wrapper { position: absolute; top: 55%; width: 100%; z-index: 8020; } .page-name-header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; border: 3px solid #FFFFFF !important; color: #FFFFFF; display: block; float: right; font-family: "interstateboldcondensed"; font-size: 50px; letter-spacing: 1px; margin-right: 13%; padding: 25px; position: relative; text-align: right; text-transform: uppercase; z-index: 8888; line-height: 77%; } @media only screen and (min-width : 2000px) { .page-name-header { margin-right: 15%; } } @media only screen and (max-width : 1300px) { .page-name-header { margin-right: 3%; } .page-name-header-wrapper { top: 60%; } } @media only screen and (max-width : 2000px) { .header-wrapper { max-width: 100%; } } @media only screen and (max-width : 900px) { .header-wrapper { clear: both; } } @media only screen and (max-width : 900px) { .main-menu-wrapper { padding-right: 0; } } @media only screen and (max-width : 900px) { .page-name-header-wrapper { position: relative; width: 100%; z-index: 8020; } .page-name-header { background-color: #2a2a2a !important; border: none !important; margin: 0 auto 40px; text-align: center; width: 100%; line-height: 100%; font-size: 2.5em; } } @media only screen and (max-width : 900px) { header[role="site-header-mobile"] .logo { /* float: left; width: 150px; margin: 0; padding: 0; */ } .mobile-logo { display: block; background: #fff; width: 100%; padding: 10px 0 15px 0; } .mobile-logo img { display: block; width: 236px; margin: 0 auto; } .logo { /* display: none; */ } .rsOverflow { overflow:visible !important; } header[role="site-header-mobile"] { position: relative; height: auto; z-index: 100; /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.7); box-shadow: 0 1px 4px rgba(0,0,0,0.7); */ } } .brand-topper { background: rgba(0,0,0,0.35); height: auto; position: absolute; z-index: 8888; top:0; width: 100%; left:0; } @media only screen and (max-width : 900px) { .brand-topper { background: rgba(19,19,19,1); height: auto; position: relative; z-index: 8888; top:0; width: 100%; left:0; border-bottom: none; } } .social-icons { display: block; font-size: 1.15em; } .social-icons a { color: #FFFFFF; font-family: 'amarano'; font-style: normal; } .social-icons a:hover { color: #807f7f; outline: medium none; text-decoration: none; transition: color 0.5s ease-out 0s; } .social-icons a:active { color: #807f7f; } @media only screen and (max-width : 900px) { .social-icons { display: block; float: none; /* margin: 0 auto; */ padding: 0; /* width: 130px; */ } } .red { color: #a21d21; } .red-bar { background-color: rgba(162,29,33,.9); color: #FFFFFF; font-family: "interstateboldcondensed"; font-size: 2em; padding: 20px; text-align: center; text-transform: uppercase; position: absolute; bottom: 0; width: 100%; z-index: 8888; line-height: 105%; } @media only screen and (max-width : 1390px) { .red-bar { background-color: rgba(162,29,33,1); position: relative; } } /* -------------------------------------------------- 06 FOOTER -------------------------------------------------- */ .main-footer { background-color: #000100; border-top: 2px solid #a21d21; } footer[role="site-footer"] .main-footer .wrapper { font-size: 1em; border-top: 2px solid #dcb439; padding: 25px 0 40px 0 !important; } footer[role="site-footer"] .second-column { text-align: center; } footer[role="site-footer"] .third-column { text-align: right; } footer[role="site-footer"] .main-footer h2 { margin-bottom: .7em;; color: #FFFFFF; font-size: .85em; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; letter-spacing: 3px; } footer[role="site-footer"] .main-footer p { margin-bottom: 0.2em; color:#FFFFFF; font-weight: normal; line-height:190%; } footer[role="site-footer"] .main-footer p a { color: #FFFFFF !important; } footer[role="site-footer"] .main-footer a:hover { color: #a21d21 !important; outline: medium none !important; text-decoration: none !important; transition: color 0.5s ease-out 0s !important; } footer[role="site-footer"] .main-footer .menu { overflow: hidden; } footer[role="site-footer"] .main-footer .menu a { text-transform: uppercase; text-decoration: none; } footer[role="site-footer"] .main-footer .menu li { float: left; } footer[role="site-footer"] .main-footer .social-links { overflow: hidden; display: table; margin: 0 auto 15px; } footer[role="site-footer"] .main-footer .social-links li { display: inline; } footer[role="site-footer"] .main-footer .social-links a { padding: 0 3px; opacity: 0.8; } footer[role="site-footer"] .main-footer .social-links a:hover { opacity: 1; } footer[role="site-footer"] .copyright { clear: both; padding-top: 20px; padding-bottom: 20px; } footer[role="site-footer"] .copyright p { color: #666; font-size: 1.2em; } .address { font-family: "signo"; font-size: 1.1em !important; font-weight: 300; letter-spacing: 0; text-transform: none; } .footer-left { color: #C3C3C3; float: left; font-family: "interstateboldcondensed",sans-serif; letter-spacing: 1px; text-transform: uppercase; width: 35%; line-height: 200%; font-size: .9em; } .footer-left a { color: #C3C3C3; } .footer-wrapper { margin: 0 auto; max-width: 70%; padding: 30px 0 50px; } .footer-right { float: right; width: auto; } @media only screen and (max-width : 900px) { .footer-right { float: none; margin: 0 auto; text-align: center; } } .footer-middle { float: right; text-align: right; width: 419px; padding-top: 57px; } @media only screen and (max-width : 940px) { .footer-middle { width: 377px; } } @media only screen and (max-width : 900px) { .footer-middle { float: none; text-align: center; width: 100%; padding-top: 20px; } } .footer-menu { clear: both; } .footer-menu li { float: left; list-style: none outside none; position: relative; } .footer-menu a { color: #FFFFFF; display: block; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1em; letter-spacing: 1px; line-height: 150%; padding-right: 20px; } .footer-menu a:hover { color: #A5CC75; outline: medium none; text-decoration: none; transition: color 0.5s ease-out 0s; } .trip-advisor-badge { float: right; margin-left: 20px; width: 142px; } .trip-advisor-mobile { display: none ; } @media only screen and (max-width : 900px) { .trip-advisor-badge { display: none; } .trip-advisor-mobile { width: 142px; display: block; margin: 0 auto; padding-top: 10px; } } .website-design { clear: both; } @media only screen and (max-width : 2000px) { .footer-wrapper { max-width: 75%; } } @media only screen and (max-width : 1800px) { .footer-wrapper { max-width: 90%; } } @media only screen and (max-width : 1300px) { .footer-wrapper { max-width: 95%; } } @media only screen and (max-width : 900px) { .footer-left { float:none; width:100%; text-align: center; } } @media only screen and (max-width : 900px) { .footer-menu a { padding: 0 10px; font-size: .9em; } .footer-menu { width: 403px; margin: 25px auto 0; } .footer-left { font-size: .9em; } .website-design { font-size: .9em; } .footer-menu li:first-child { margin-left: 12px; } } @media only screen and (max-width : 490px) { .footer-menu { width: 205px; } } @media only screen and (max-width : 650px) { footer[role="site-footer"] .main-footer { padding-bottom: 0; } footer[role="site-footer"] .first-column, footer[role="site-footer"] .third-column { text-align: center; } } .social-wrapper { padding: 60px 0px 0px 0px; margin: 0 auto; max-width: 70%; } .social-wrapper li { display: inline-block; float: left; margin-left: 20px; } .right { float:right; } .facebook a { display: block; width: 32px; height: 32px; background: url('images/icon-facebook.png') no-repeat bottom; text-indent: -99999px; } .facebook a:hover { background-position: 0 0; background: url('images/icon-facebook-over.png') no-repeat bottom; } .twitter a { display: block; width: 32px; height: 32px; background: url('images/icon-twitter.png') no-repeat bottom; text-indent: -99999px; } .twitter a:hover { background-position: 0 0; background: url('images/icon-twitter-over.png') no-repeat bottom; } .pinterest a { display: block; width: 32px; height: 32px; background: url('images/icon-pinterest.png') no-repeat bottom; text-indent: -99999px; } .pinterest a:hover { background-position: 0 0; background: url('images/icon-pinterest-over.png') no-repeat bottom; } .foursquare a { display: block; width: 32px; height: 32px; background: url('images/icon-foursquare.png') no-repeat bottom; text-indent: -99999px; } .foursquare a:hover { background-position: 0 0; background: url('images/icon-foursquare-over.png') no-repeat bottom; } .instagram a { display: block; width: 32px; height: 32px; background: url('images/icon-instagram.png') no-repeat bottom; text-indent: -99999px; } .instagram a:hover { background-position: 0 0; background: url('images/icon-instagram-over.png') no-repeat bottom; } .tripadvisor a { display: block; width: 32px; height: 32px; background: url('images/icon-tripadvisor.png') no-repeat bottom; text-indent: -99999px; } .tripadvisor a:hover { background-position: 0 0; background: url('images/icon-tripadvisor-over.png') no-repeat bottom; } @media only screen and (max-width : 1700px) { .social-wrapper { max-width: 90%; } } @media only screen and (max-width : 900px) { .social-wrapper { margin: 0 auto; width: 320px; padding: 60px 0 0 0; } } /* -------------------------------------------------- 07 HOMEPAGE -------------------------------------------------- */ section[role="homepage-slideshow"] { clear: both; width: 100%; margin: 0 auto; } #homepage-slideshow { width: 100%; } .slideshow-book-wrapper { margin: 0 auto; /* overflow: hidden; */ position: relative; width: 100%; } .slideshow-book-wrapper-interior { max-height: 600px; margin: 0 auto; overflow: hidden; position: relative; width: 100%; } #homepage-slideshow { height: 500px; display: none; } .span_3, .cta { width:22.75%; float: left; padding: 60px 0 0 0; } .cta img { border: solid 10px #fff; } .rsSlide { display: block; height: auto; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .logo { float: left; } .logo img { margin-top: 5px; /* margin-left: 45px; */ } @media only screen and (max-width : 1200px) { .logo img { width: 700px; } } @media only screen and (max-width : 1098px) { .logo img { width: 600px; } } @media only screen and (max-width : 1000px) { .logo img { width: 500px; } } @media only screen and (max-width : 900px) { .logo { margin: 0 auto !important; float: none; } .logo img { margin: 0 auto; width: 95%; display: block; } .social-wrapper li { margin-bottom: 20px; } } @media only screen and (max-width : 765px) { .col { margin-left: 2%; } .cta h2 { font-size: 1.6em; margin: 0 0 10px 10px; } .span_3 { float: none !important; margin: 0 auto !important; width:70%; } .cta img { float: none !important; width: 100%; } .span_3 .cta { float: none !important; padding: 60px 0; } .span_6 { float: none; margin: 0 auto; width: 150px; } .span_6 img { margin: 0 auto; } footer[role="site-footer"] .span_6, .col { display: block; float: none; } footer[role="site-footer"] .main-footer p { text-align: center; } .footer-left { /* margin-bottom: 10px; */ margin-top: 30px; } } @media only screen and (max-width : 565px) { .logo img { /* margin-top: 15px; */ } } @media only screen and (max-width : 464px) { .span_3 { float: none !important; margin: 0 auto !important; width: 100%; } .cta img { float: none !important; margin: 0 0 40px 0; max-width: 100%; } .social-wrapper { margin: 0 auto; width: 200px; } } .specials-image-thumb img { float: right; border: solid 1px #ccc; max-width: 100%; } .moretext a { display:block; float:left; font-family: "cuprumffuregular",Arial,Verdana,sans-serif; background-color: #A9CD7F; border: 1px solid #ADD954; color: #FFFFFF; cursor: pointer; margin-right: 20px; padding: 5px 10px; text-decoration: none; } .moretext a:hover { background-color: #A2C975; color:#895B11; } .rooms-wrapper { width: 32%; float: left; text-align: left; margin: 0 .66%; min-width: 235px; margin-bottom: 20px; /* min-height: 480px; */ } @media only screen and (max-width : 765px) { .rooms-wrapper { width: 100%; float: none; max-width: 450px; margin-bottom: 25px; } } .rooms-image { margin-bottom: 25px; } .rooms-image img { width: 100%; } .rooms-text { padding-right: 15px; } .room-rates-bold { float: left; font-family: "interstateboldcondensed"; line-height: 140%; margin-right: 15px; } .rooms-text h2 a { color: #000; font-family: "interstateboldcondensed"; } .rooms-text .room-secondary-links { margin: 0; } .room-secondary-links a { font-family: "interstateboldcondensed" !important; } .rooms-width { /* width: 960px; */ margin: 0 auto; } .rooms-text > a { font-family: "signo", sans-serif; } @media only screen and (max-width : 1020px) { .rooms-width { /* width: 820px; */ margin: 0 auto; } .rooms-wrapper { /* width: 200px; */ min-width: 200px; } } @media only screen and (max-width : 875px) { .rooms-width { /* width: 740px; */ margin: 0 auto; } .rooms-wrapper { /* width: 180px; */ min-width: 180px; } } @media only screen and (max-width : 765px) { .rooms-width { /* width: 480px; */ margin: 0 auto; } .rooms-wrapper { /* width: 235px; */ min-width: 235px; } } @media only screen and (max-width : 520px) { .rooms-width { /* width: 235px; */ margin: 0 auto; } .rooms-wrapper { /* width: 235px; */ min-width: 235px; } } /* -------------------------------------------------- 09 INTERIOR -------------------------------------------------- */ .content-interior { margin-left: 0px; } .ngg-gallery-thumbnail-box { float: left; padding-right: 5px; width: 25%; } @media only screen and (max-width : 900px) { .ngg-gallery-thumbnail-box { padding-bottom: 2px; width: 50%; } } @media only screen and (max-width : 375px) { .ngg-gallery-thumbnail-box { padding-bottom: 2px; width: 100%; } } @media only screen and (max-width : 960px) { .sidebar-interior .col { /* float: none; height: auto; margin: 0 auto; width: 80%; clear: left; */ } .sidebar-interior .entry { /* padding:30px 0 0 0; */ } .sidebar-interior .span_7 { /* width:90%; */ } .wrapper { /* padding-bottom:60px; */ } } /* -------------------------------------------------- 10 GALLERY -------------------------------------------------- */ .gallery { padding-bottom: 60px; } .gallery ul { padding: 0.25em; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url('js/boxsizing.htc'); } .gallery ul li { float: left; width: 16.666666666%; padding: 0.25em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url('js/boxsizing.htc'); } .gallery ul img { display: block; max-width: 100%; } @media only screen and (min-width : 1024px) { .gallery ul li:nth-child(6n+1) { clear: left; } .gallery ul li:nth-child(5n+1) { clear: none; } } @media only screen and (min-width : 800px) and (max-width : 1024px) { .gallery ul li { width: 20%; } .gallery ul li:nth-child(5n+1) { clear: left; } .gallery ul li:nth-child(4n+1) { clear: none; } } @media only screen and (min-width : 400px) and (max-width : 800px) { .gallery ul li { width: 33.3333333333333333%; } .gallery ul li:nth-child(3n+1) { clear: left; } .gallery ul li:nth-child(odd) { clear: none; } } @media only screen and (max-width : 400px) { .gallery ul li { width: 50%; } .gallery ul li:nth-child(odd) { clear: left; } } /* -------------------------------------------------- 11 PAGE DEFAULTS -------------------------------------------------- */ .row { overflow: hidden; } .col3 { float: left; width:32%; margin-left:2%; padding:0 1.5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior: url('js/boxsizing.htc'); } .row .col3:first-child { margin-left:0; } .col3 img { } .entry img, .entry img[class*="align"], .entry img[class*="wp-image-"] { max-width: 100%; height: auto; } section[role="content"] { background-color: #FFFFFF; } section[role="secondary-content"] { background-color: #FBFBFB !important; border-top: 2px solid #D1D1D1; } section[role="secondary-content"] .wrapper { background-color: #FBFBFB !important; } .button { background: none repeat scroll 0 0 #FFF !important; border: medium none; color: #000 !important; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.2em !important; font-weight: normal; margin-top: 0; padding: 7px 20px !important; text-transform: uppercase; letter-spacing: 1px; } a.button { padding: 10px 20px; } .button:hover { background: none repeat scroll 0 0 #e0e0e0 !important; } .entry { /* max-width: 960px; */ margin: 0 auto; } @media only screen and (max-width : 650px) { .col3 { float: none; width: 100%; margin: 0 0 40px; padding: 0; } } @media only screen and (max-width : 1240px) { .sidebar-interior .col { /* float: none; height: auto; margin: 0 auto; width: 100%; clear: left; */ } .sidebar-interior .entry { /* padding:30px 0 0 0; */ } .sidebar-interior .span_7 { /* width:90%; */ } .span_7 { /* width: 100%; */ } .ngg-gallery-thumbnail-box { margin:0px; } } @media only screen and (max-width : 960px) { .span_7 { padding:5%; } } @media only screen and (max-width : 450px) { .abWhiteBox { padding:10px; /* left: 10px !important; top:10px !important; */ } } /* -------------------------------------------------- 12 FORMS -------------------------------------------------- */ body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] { background: none repeat scroll 0 0 #FCFCFC !important; border: 1px solid #DDDDDD; border-radius: 0 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset; color: #000000; display: block; font-size: 13px; padding: 9px; width: 98%; font-family: "signo", sans-serif; } @media only screen and (max-width : 900px) { body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] { margin-top: 20px; text-align: center; } } body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #CCCCCC; } .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input { float: left; margin-top: 7px !important; } .gform_wrapper .top_label .gfield_label { clear: both; display: inline-block; font-weight: bold; line-height: 1.3em; margin: 30px 0 12px !important; } .gform_wrapper table.gfield_list thead th { font-size: 0.85em; font-weight: bold; text-align: left; } body .gform_wrapper .gform_heading .gform_title { font-size: 2em !important; font-weight: 300 !important; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title { font-size: 1.6em !important; font-weight: 300 !important; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-size: 1.6em !important; font-weight: 300 !important; } .gform_wrapper .gsection { border-bottom: 1px dotted #CCCCCC; clear: both; margin: 30px 0 20px !important; padding: 0 0 8px; } body .gform_wrapper .gform_body .gform_fields .gfield textarea { background: none repeat scroll 0 0 #FCFCFC !important; border: 1px solid #DDDDDD; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset; color: #525252; display: block; font-size: 14px; padding: 10px; width: 100%; border-radius: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #CCCCCC; } /* -------------------------------------------------- XX SLIDER OVERIDES -------------------------------------------------- */ /* .rsUni .rsTmb { display: none !important; } .rsUni .rsBullets { overflow:visible !important; cursor: pointer !important; margin-left: 5px; padding-top: 15px !important; } .rsUni .rsBullet span { height: 9px !important; width: 9px !important; } .rsUni .rsBullet.rsNavSelected span { background-color: #A5CC75 !important; } .rsUni .rsBullet { display: inline-block; height: 9px; margin-left: 5px; padding: 5px; width: 9px; } */ .rsUni .rsBullets { padding-right: 25px !important; text-align: right !important; margin-top: -30px !important; line-height: 20px !important; } .rsUni .rsBullet { padding-left: 10px !important; } .rsUni .rsBullet span { background: none repeat scroll 0 0 #FFFFFF !important; } .abWhiteBox { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; border: 3px solid #FFFFFF !important; color: #FFFFFF !important; padding: 15px !important; text-align: center !important; /* transform: translate3d(0px, 0px, 0px); transition-duration: 400ms; transition-property: -moz-transform; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); */ width: auto !important; display: block; float: right; margin-right: 13%; position: relative !important; z-index: 9999 !important; margin-top: -37% !important; } @media screen and (min-width: 2000px) { .abWhiteBox { margin-right: 15%; margin-top: -41% !important; } } @media screen and (max-width: 1400px) { .abWhiteBox { margin-right: 13%; margin-top: -35% !important; } } @media screen and (max-width: 1300px) { .abWhiteBox { margin-right: 1%; margin-top: -35% !important; } } @media screen and (max-width: 1150px) { .abWhiteBox { margin-top: -33% !important; } } @media screen and (max-width: 990px) { .abWhiteBox { margin-top: -32% !important; } } @media screen and (max-width: 900px) { .abWhiteBox { margin-top: -46% !important; } } @media screen and (max-width: 700px) { .abWhiteBox { border:none !important; background: #000000 !important; width:100% !important; margin: 0 !important; transition: none 0s ease 0s !important; transform: inherit !important; } } .rsABlock, .rsSBlock { position: relative !important; } .abWhiteBox a { color: #FFFFFF; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 20px; margin-top: 5px; text-transform: uppercase; transition: color 0.5s ease-out 0s; display: block; } .abWhiteBox a:hover { color: #c3c3c3; } .abWhiteBox.rsABlock > p { font-family: "signo"; font-size: 1em; line-height: 120%; padding-bottom: 15px; } .abWhiteBox h1 { color: #FFFFFF; font-size: 3em; } @media screen and (max-width: 700px) { .abWhiteBox h1 { font-size: 2em; margin-bottom: 7px; } .abWhiteBox.rsSBlock > p { font-size: 0.9em; line-height: 130%; } } @media screen and (max-width: 700px) { .abWhiteBox h1 { font-size: 1.8em; margin-bottom: 5px; } } /* -------------------------------------------------- XX CALENDAR OVERIDES -------------------------------------------------- */ .fe-have-image-1 .fe-image-holder { display: inline-block; float: right !important; margin-bottom: 2%; margin-left: 0 !important; margin-right: 2%; margin-top: 2%; text-align: right; vertical-align: top; width: 50%; } .fc-event-list-content .fc-event-list-title { font-size: inherit; } @media only screen and (max-width : 1605px) { .fe-have-image-1 .fe-image-holder { margin-top: 10%; } } @media only screen and (max-width : 1300px) { .fe-have-image-1 .fe-image-holder { margin-top: 15%; } } @media only screen and (max-width : 1165px) { .fe-have-image-1 .fe-image-holder { margin-top: 20%; } } @media only screen and (max-width : 1065px) { .fe-have-image-1 .fe-image-holder { margin-top: 25%; } } @media only screen and (max-width : 1010px) { .fe-have-image-1 .fe-image-holder { margin-top: 35%; } } @media only screen and (max-width : 900px) { .fe-have-image-1 .fe-image-holder { margin-top: 40%; } } @media only screen and (max-width : 768px) { .fe-have-image-1 .fe-image-holder { margin-top: 5%; } } @media only screen and (max-width : 480px) { .fc-button { height: 100% !important; } .fullCalendar .fc-header-left .fc-button-rhc_search { padding: 7px 0; } .fc-button.fc-button-prevYear, .fc-button.fc-button-prev, .fc-button.fc-button-next, .fc-button.fc-button-nextYear { border-radius: 0 0 0 0; margin-bottom: -1px; padding: 10px 0; width: 25.1%; } } /* -------------------------------------------------- XX TABLE OVERIDES -------------------------------------------------- */ .footable > tbody > tr:hover { background: none repeat scroll 0 0 #F2F3E7 !important; } .footable.breakpoint > tbody > tr.footable-row-detail { background: none repeat scroll 0 0 #F3F3F3 !important; } .home-content { width: 100%; margin: 0 auto; text-align: left; } /* @media only screen and (max-width: 940px) { .home-content { width: 80%; } } @media only screen and (max-width: 400px) { .home-content { width: 90%; } } */ .home-admission, .home-hours, .home-directions, .home-gallery { float: left; width: 25%; } .home-content p { font-weight: 300; } .home-content strong { font-weight: 500; } .home-content img { margin-top: -110px; padding-bottom: 20px; z-index: 100; position: relative; } .mgl_instagram_photo_container > img { margin: 5px; padding-bottom: 0; } .mgl_instagram_info { display: none; } .mgl_instagram_avatar { display: none; } .mgl_instagram_gallery .mgl_instagram_photo { padding: 5px !important; } .mgl_instagram_photo_container > img { margin: 1px !important; } @media only screen and (max-width : 950px) { .mgl_instagram_gallery .mgl_instagram_photo { padding: 5px !important; } } @media only screen and (max-width : 900px) { .home-content img { margin-top: -75px; } } @media only screen and (max-width : 700px) { .home-admission, .home-hours, .home-directions, .home-gallery { float: none; width: 100%; } .home-content img { margin-top: 0; } } @media screen and (max-width: 700px) { .home-admission { padding-top: 160px; } } @media screen and (max-width: 365px) { .home-admission { padding-top: 180px; } } @media screen and (max-width: 315px) { .home-admission { padding-top: 200px; } } /* .home-cta-box { height: 235px; width: 235px; padding: 95px 0; } .home-cta { height: 235px; width: 235px; float:left; } .home-cta-text { background-color: rgba(255, 255, 255, .8); padding: 10px 0; color: #010011; font-family: "interstateboldcondensed"; letter-spacing: 3px; text-align: center; text-transform: uppercase; font-size: 1.2em; } .home-cta-wrapper { display: block; margin: 0 auto; width: 940px; padding-bottom: 100px; } .home-cta-wrapper-mobile { display: none; } */ /* @media only screen and (max-width : 940px) { .home-cta-wrapper { display: none; } .home-cta-wrapper-mobile { display: block; width: 100%; } .home-cta-mobile { background: url("images/white-arrow.png") no-repeat scroll 0 0 #010011; background: none repeat scroll 0 0 #010011; border-bottom: 1px solid #807F7F; color: #FFFFFF !important; display: block; font-family: "interstateboldcondensed"; letter-spacing: 3px; padding: 20px 0 20px 30px; text-transform: uppercase; width: 100%; } .white-arrow { float: right; margin-right: 20px; margin-top: -10px; } } .ui-datepicker table { font-family: "signo", sans-serif !important; font-weight: 300; } .ui-datepicker .ui-datepicker-title select { font-family: "signo", sans-serif; font-weight: 300; } .ui-datepicker { padding:0 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 1em !important; top: 8px !important; } .ui-datepicker-calendar .ui-state-active { margin: 0 !important; } */ /* .footer-newsletter { background: none repeat scroll 0 0 #2a2a2a; padding: 20px; } */ /* .widget.gform_widget{ margin: 0 auto; width: 690px; color: #FFF; height: 45px; } */ /* .footer-newsletter h2 { color: #FFFFFF; font-size: 1.6em; letter-spacing: 1px; float: left; padding-right: 20px; padding-top: 4px; } */ /* .footer-newsletter .gfield_label { display: none !important; } */ .footer-middle .gform_wrapper .gform_footer { margin: 0 !important; padding: 0 !important; clear: none !important; float: left !important; } .footer-middle .gform_wrapper form { float: left; clear: none !important; width: 100%; } .footer-middle .gform_body { float: left; width: 75%; } @media only screen and (max-width : 940px) { .footer-middle .gform_body { width: 71%; } } @media only screen and (max-width : 900px) { .footer-middle .gform_body { width: 300px; float: none; margin: 0 auto; } } @media only screen and (max-width : 341px) { .footer-middle .gform_body { width: 230px; } } .footer-middle .gform_wrapper .gform_footer { float: none !important; text-align: center; } .button.gform_button{ border-radius: 0 !important; } #gform_widget-2 > h2 { display: none; } @media only screen and (max-width : 800px) { .footer-newsletter h2 { float:none; text-align: center; width: 100%; } .widget.gform_widget{ width: 100%; } .footer-newsletter .gform_body{ float: none; margin: 0 auto; width: 75%; } .footer-newsletter .gform_wrapper form{ float: none; margin: 0 auto; width: 100%; } .footer-newsletter .gform_wrapper .gform_footer{ float: none !important; margin: 10px auto !important; padding: 0 !important; } li#field_8_1 .ginput_container .medium { text-align: center; } .footer-newsletter { height: 205px; } .gform_wrapper form { text-align: center !important; } } @media only screen and (max-width : 600px) { .footer-newsletter .gform_body{ float: none; margin: 0 auto; width: 90%; } } .room-secondary-links { margin: 45px 0 0; } .room-secondary-links a { color: #000000; font-family: "interstateboldcondensed"; font-size: 1.15em; font-weight: 200; letter-spacing: 1px; line-height: 1.2; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 15px 20px; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #F0F0F0; border-right: 4px solid #A21D21; margin: 5px 23px 5px 0; } @media only screen and (max-width : 980px) { .room-secondary-links a { margin: 5px 12px 5px 0; padding: 15px; } } @media only screen and (max-width : 830px) { .room-secondary-links a { font-size: 1em; } } @media only screen and (max-width : 765px) { .room-secondary-links a { float: left; margin: 5px 0; width: 100%; } } .room-secondary-links a:hover { background-color: #E0E0E0; } @media only screen and (max-width : 875px) { .room-secondary-links a { padding-right: 15px; } } .rooms-red-links > a { font-family: "interstateboldcondensed"; font-size: 1.1em; margin-right: 11px; text-transform: uppercase; color: #a21d21; } .moretag { color: #000000 !important; font-family: "interstateboldcondensed"; text-transform: uppercase; font-size: .9em; } .rooms-text a:hover { color: #A21D21 !important; } .houses-gallery-wrapper { margin-top: 1.1em; margin-bottom: 2em; width: 100%; } @media screen and (max-width: 520px) { .ngg-gallery-thumbnail img { width: 145px; height: 145px; } } .ngg-gallery-thumbnail-box { margin: 0 !important; } .ngg-gallery-thumbnail img { border: none !important; margin: 0px 4px 4px 0 !important; padding: 0 !important; height: auto; width: 100%; } .rates-left { display: block; float: left; width: 100px; } .packages-type{ border-bottom: 1px solid #3F3E49; margin-top: 40px; padding-bottom: 40px; } .sidebar-graphic-element { display: block; margin: 0 auto; max-height: 200px; max-width: 200px; margin-top: 50px; } .terms_conditions { clear: both; font-size: 0.9em; font-style: italic; } .entry-title a { color: #010011; } /* BLOG STYLING */ .blog-header .page-name-header { text-align: center; } .blog-header .page-name-header-wrapper { top: 47%; } .garden-blog-subhead { font-family: "signo",Arial; font-size: 0.45em; letter-spacing: 3px; } .dig-it-title { font-family: "signo-condensed",Arial; font-size: 1.65em; line-height: 90%; } @media only screen and (max-width : 1110px) { .blog-header .page-name-header { padding: 15px; } .blog-header .page-name-header-wrapper { top: 50%; } } @media only screen and (max-width : 1025px) { .dig-it-title { font-size: 1.25em; } .garden-blog-subhead { font-size: .3em; } .blog-header .page-name-header-wrapper { line-height: 30%; top: 53%; } } @media only screen and (max-width : 965px) { .blog-header .page-name-header-wrapper { line-height: 30%; top: 55%; } } @media only screen and (max-width : 910px) { .blog-header .page-name-header-wrapper { top: 56%; } } #archives-2 ul li, ul li.cat-item { font-family: "interstateboldcondensed"; list-style: none outside none; margin-left: 0; padding-left: 0; } #archives-2 > ul, #categories-2 > ul { list-style: none outside none; margin-top: 0; } .widget.widget_archive { padding-top: 20px; } .blog-image { float: left; height: 150px; margin-right: 20px; overflow: hidden; width: 175px; } .blog-image img { height: auto; max-width: 175%; min-height: 100%; min-width: 100%; width: auto; } .entry article { border-bottom: 1px solid #EDEDED; margin-bottom: 40px; padding-bottom: 20px; } .pubdate { font-family: "signo"; font-size: 1.15em; margin-bottom: .7em; } .blog-items { border-bottom: 1px solid #3F3E49; height: auto; margin-bottom: 20px; padding-bottom: 20px; } .post-image { padding-bottom: 20px; } .blog-text { float: left; width: 65%; } .blog-text h2 a { color: #000; } .blog-text h1 { line-height: 100%; margin: 0; padding: 0 0 10px; } .more-link { font-family: "interstateboldcondensed"; font-size: 1em; font-weight: 300 !important; text-transform: uppercase; } .screen-reader-text { display: none; } #searchsubmit { background-color: #FFF; border: medium none; color: #FFFFFF; font-family: "interstateboldcondensed"; font-size: 1.1em !important; letter-spacing: 1px; padding: 8px 10px; text-transform: uppercase; } #searchsubmit:hover { background-color:#01584F; } #searchform input { height: 40px; margin-bottom: 20px; } #s { width: 180px; } #categories-3 > h2, #archives-3 > h2 { padding-left:20px; } .widget.widget_search { padding-left:20px; } @media only screen and (max-width : 475px) { .widget.widget_search { padding-left:0px; text-align: center } } #categories-3 a, #archives-3 a { color: #000000; display: block; font-family: "interstateboldcondensed"; font-size: 0.9em; font-weight: 200; letter-spacing: 2px; line-height: 1.2; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; text-transform: uppercase; } #archives-3 li { float: none; list-style: none outside none; margin-left: 0; padding-left: 0; position: relative; } @media only screen and (max-width : 945px) { .blog-text { width: 60%; } } @media only screen and (max-width : 831px) { .blog-text { width: 55%; } } .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 8px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#010011; height: 35px; width: 35px; line-height: 25px; text-align: center; border-radius: 100px 100px 100px 100px; background-color: none repeat scroll 0 0 #FCFCFC; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .pagination a:hover{ background: none repeat scroll 0 0 #e1e1e1; color: #000000; } .pagination .current{ padding:6px 9px 5px 9px; background: #e1e1e1; color:#000000; } @media only screen and (max-width : 475px) { .blog-image { float: none; margin: 0 auto 20px; width: 100%; } .blog-text { float:none; width: 100%; margin: 0 auto; } .blog-items { text-align: center; } .widget.widget_categories { text-align: center; border-top: 1px solid #3F3E49; padding-top: 20px; } .widget.widget_archive { text-align: center; padding-bottom: 20px; } .pagination { width: 90px; margin: 0 auto 10px; padding: 0 0 45px; } } /* SIDEBAR MENUS */ #sidebar-menu { /* border-top: 1px solid #3F3E49; */ } .sidebar-menu-wrapper { background: none repeat scroll 0 0 #FFFFFF; clear: both; display: block; float: right; margin: 0 auto; width: 60%; } .sidebar-menu-wrapper h2 { font-size: 1em; padding-left: 20px; } .sidebar-menu { background: none repeat scroll 0 0 #fcfcfc; margin: 0 auto; } .sidebar-menu ul li { float: none; list-style: none outside none; margin-left: 0; padding-left: 0; position: relative; background-color: #F0F0F0; border-right: 4px solid #A21D21; margin: 5px 0; } .sidebar-menu a { color: #000000; display: block; font-family: "interstateboldcondensed"; font-size: 1.15em; font-weight: 200; letter-spacing: 1px; line-height: 1.2; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 15px 10px; text-align: center; text-decoration: none; text-transform: uppercase; } #sidebar-menu a:hover { color: #000; background-color: #E0E0E0; } #sidebar-menu a:active { color: #000; background-color: #E0E0E0; } .sidebar-menu-toggle { display: none; } .sidebar-menu-wrapper > h1 { padding-left:20px; } .sidebar-menu .current-menu-item { background-color:#E0E0E0; } .span_4.col { padding: 3% 0; } .sidebar-menu ul { margin-bottom: 0; } @media only screen and (max-width : 765px) { .span_4.col { padding: 0; margin-left: 0; } .sidebar-menu-toggle { background: #FCFCFC; color: #000000 !important; display: block; font-family: "interstateboldcondensed", Arial, Verdana , sans-serif; font-size: 1.5em; margin: 0 auto; padding: 20px 0; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: 100% } .sidebar-menu-wrapper > h1 { display: none; } .sidebar-menu-toggle a:hover { color: #b30838 !important; } .sidebar-menu-wrapper { display: none; width: 100%; } .sidebar-menu-wrapper > h2 { display: none; } #sidebar-menu { border-top: none; text-align: center; } .copy-wrapper { margin: 0 auto; } } #packages-menu { border-top: 1px solid #3F3E49; } .packages-menu-wrapper { background: none repeat scroll 0 0 #FFFFFF; clear: both; display: block; float: none; margin: 0 auto; width: 100%; } .packages-menu-wrapper h2 { font-size: 1em; padding-left: 20px; } .packages-menu { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; } .packages-menu li { float: none; list-style: none outside none; position: relative; margin-left: 0; padding-left: 0; } .packages-menu a { color: #000000; display: block; font-family: "interstateboldcondensed"; font-size: 1em; font-weight: 200; line-height: 1.2; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 15px 20px; text-decoration: none; } #packages-menu a:hover { color: #000; background-color: #fff9f1; } #packages-menu a:active { color: #000; background-color: #fff9f1; } .packages-menu-toggle { display: none; } @media only screen and (max-width : 765px) { .packages-menu-toggle { background: #FFF9F1; color: #000000 !important; display: block; font-family: "interstateboldcondensed", Arial, Verdana , sans-serif; font-size: 1em; margin: 0 auto; padding: 20px 0; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: 100% } .packages-menu-toggle a:hover { color: #b30838 !important; } .packages-menu-wrapper { display: none; width: 100%; } .packages-menu-wrapper > h2 { display: none; } #packages-menu { border-top: none; text-align: center; } } /* SIDEBAR LINKS */ .sidebar-links { width: 100%; } .sidebar-links li { list-style: none outside none !important; padding-left:0; margin-left: 0; } .sidebar-links a { color: #000; display: block; font-family: "interstateboldcondensed"; font-size: 1.15em; font-weight: 200; letter-spacing: 1px; line-height: 1.2; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 15px 10px; text-decoration: none; text-transform: uppercase; text-align: center; } .sidebar-links li { margin-bottom: 0; } .sidebar-links li { background-color: #f0f0f0; border-right: 4px solid #A21D21; margin: 5px 0 !important; } .sidebar-links-title { padding-left:5px; } .sidebar-links li:hover { background-color: #E0E0E0; } @media screen and (max-width: 1010px) { .sidebar-links-title { padding-left:2px; font-size: .8em; } } @media screen and (max-width: 840px) { .sidebar-links-title { font-size: .7em; } } @media screen and (max-width: 765px) { .sidebar-links-title { font-size: 1em; } .sidebar-links li:last-child { margin: 5px 0 0 !important; } .sidebar-links > ul { margin-bottom: 0; } } /* FORM STYLING */ .gform_fields.top_label.description_below li { margin-bottom: 15px; } .datepicker.medium.mdy.datepicker_no_icon.hasDatepicker { width: 100% !important; } .gform_wrapper div.validation_error, .gform_wrapper .validation_message { color: #B30838 !important; font-family: "signo", sans-serif !important; font-size: 16px !important; font-weight: bold !important; letter-spacing: normal !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: none !important; border: none !important; } .green-btn { background: none repeat scroll 0 0 #a21d21 !important; border: medium none; color: #FFFFFF; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 0.8em !important; font-weight: normal; margin-top: 0; padding: 11px 15px; text-transform: uppercase; letter-spacing: 3px; max-width: 300px; width: auto; text-align: center; } p.green-btn a:link { color: #FFFFFF !important; font-family: "interstateboldcondensed" !important; padding: 15px; } p.green-btn:hover { background: none repeat scroll 0 0 #01584f !important; } .green-btn > a { color: #FFF !important; } b { font-weight: 700; } strong { font-weight: 700; } .rooms-text > p { line-height: 140%; } #html5-text { font-family: "interstateboldcondensed" !important; font-size: 18px !important; padding: 7px 10px !important; } .alignright { float: right; } .gform_wrapper div.validation_error { display: none; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: none !important; margin-top: none !important; padding-left: none !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding: none !important; } /* 404 ERROR PAGE STYLING */ .error-404 { font-family: "interstateboldcondensed"; font-size: 6em; line-height: 100%; text-align: center; } .error-404-headline { font-family: "interstateboldcondensed"; font-size: 1.4em; padding-top: 0; text-align: center; } .error-404-copy { font-family: "signo", sans-serif; font-weight: 300; font-size: 1.1em; padding-top: 20px; text-align: center; } .gform_confirmation_message { padding-top: 6px; text-align: right; color: #FFF; } @media screen and (max-width: 900px) { .gform_confirmation_message { text-align: center; margin-top: 20px; } } @font-face { font-family: 'interstateboldcondensed'; src: url('fonts/interstate-boldcondensed-webfont.eot'); src: url('fonts/interstate-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/interstate-boldcondensed-webfont.woff') format('woff'), url('fonts/interstate-boldcondensed-webfont.ttf') format('truetype'), url('fonts/interstate-boldcondensed-webfont.svg#interstateboldcondensed') format('svg'); font-weight: normal; font-style: normal; } /* HOURS ADMISSION & DIRECTIONS PAGE */ .info-wrapper { margin-bottom: 55px; } .info-icon { float: left; padding-right: 25px; } .info-text { float: left; width: 70%; } @media screen and (max-width: 925px) { .info-text { width: 60%; } } @media screen and (max-width: 765px) { .info-text { width: 70%; } } @media screen and (max-width: 592px) { .info-text { width: 60% } } @media screen and (max-width: 448px) { .info-text { width: 100% } .info-icon { display: none; } } /* OUTBOUND STYLING */ h3.infotitle { font-family: "interstateboldcondensed"; text-transform: uppercase; color: #010011; font-weight: normal; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.5em; text-transform: uppercase; line-height: 120%; margin-bottom:15px; letter-spacing: 1px; float: right; } .res-result p, .res-result h3 { float: right; width: 60%; } @media only screen and (max-width : 2560px) { .res-result p, .res-result h3 { width: 75%; } } @media only screen and (max-width : 2249px) { .res-result p, .res-result h3 { width: 72%; } } @media only screen and (max-width : 2010px) { .res-result p, .res-result h3 { width: 70%; } } @media only screen and (max-width : 1877px) { .res-result p, .res-result h3 { width: 65%; } } @media only screen and (max-width : 1611px) { .res-result p, .res-result h3 { width: 62%; } } @media only screen and (max-width : 1393px) { .res-result p, .res-result h3 { width: 60%; } } @media only screen and (max-width : 1324px) { .res-result p, .res-result h3 { width: 57%; } } @media only screen and (max-width : 989px) { .res-result p, .res-result h3 { width: 55%; } } @media only screen and (max-width : 946px) { .res-result p, .res-result h3 { width: 52%; } } @media only screen and (max-width : 931px) { .res-result p, .res-result h3 { width: 100%; } } .scheduler-wrap .res-result p, .scheduler-wrap .res-result h3 { float: right; width: 67%; } @media only screen and (max-width : 900px) { .scheduler-wrap .res-result p, .scheduler-wrap .res-result h3 { float: left; width: 100%; } } @media only screen and (max-width : 400px) { /* .ui-datepicker th { padding: 0.7em 0.22em !important; } */ .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { width: 100% !important; } .ui-datepicker table { width: 80% !important; } } /* .res-result p, .res-result h3 { margin-left: 35%; } */ .booknowlink { background: none repeat scroll 0 0 #a21d21 !important; border: medium none; color: #FFFFFF !important; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.2em !important; font-weight: normal; letter-spacing: 1px; margin-top: 0; padding: 7px 20px !important; text-transform: uppercase; margin-right: 20px; border-radius: 0 !important; max-width: 50% !important; margin-bottom: 10px; } div.actimage { float: left !important; height: 230px; margin-bottom: 20px; margin-left: 0 !important; margin-right: 20px; overflow: hidden; width: 230px; } .actimage > img { height: auto; max-width: 150%; min-height: 100%; min-width: 100%; width: auto; } .wrapper-dropdown-5.active { background: none repeat scroll 0 0 #EEEEEE; } .wrapper-dropdown-5:after { border-color: #a21d21 transparent !important; } .dd.wrapper-dropdown-5 { clear: both; } #response_area .inlinedate { height: auto !important; } .inlinedate .datewrap { padding-left:10px; } #dd > p { color: #131313; } .show-date.show-time > a:hover { /* color: #131313 !important; */ } .booknowlink:hover { background:none repeat scroll 0 0 #01584F !important; color: #FFF !important; } .calendar-wrap ul li { list-style: none outside none; margin-left: 0; padding-left: 0; } .vg-list input { margin-right: 5px; } #date-sidebar-wrap .daterange { margin-left: 0 !important; padding-top: 2.5em; } .vg-list { padding-top: 2.5em !important; } .checkgroup { margin-top: -25px; } .show-date.show-time > a:hover { color: #a21d21 !important; } .widget-title { margin-left: 0 !important; font-family: "interstateboldcondensed"; text-transform: uppercase; color: #010011; font-weight: normal; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.5em; text-transform: uppercase; line-height: 120%; margin-bottom:15px; letter-spacing: 1px; } #date-sidebar-wrap .vgsidebar-button { margin-left: 0 !important; background: none repeat scroll 0 0 #a21d21 !important; border: medium none; color: #FFFFFF !important; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.2em !important; font-weight: normal; letter-spacing: 1px; margin-top: 10px; padding: 7px 20px !important; text-transform: uppercase; margin-right: 20px; border-radius: 0 !important; } .scheduler #submit_button { margin-left: 0 !important; background: none repeat scroll 0 0 #a21d21 !important; border: medium none; color: #FFFFFF !important; font-family: "interstateboldcondensed",Arial,Verdana,sans-serif; font-size: 1.2em !important; font-weight: normal; letter-spacing: 1px; margin-top: 10px; padding: 7px 20px !important; text-transform: uppercase; margin-right: 20px; border-radius: 0 !important; } .res-result { /* min-height: 300px !important; max-height: 1000px !important; height: auto !important; */ } .calendar-wrap { min-height: 700px; } .res-result.view-group { padding-top: 20px; } .mfp-wrap { z-index: 9999 !important; } .fancybox-lock .fancybox-overlay { z-index: 8030 !important; } /* SOCIAL STYLING */ .social-tripadvisor { display: none; } @media only screen and (max-width : 765px) { .social-tripadvisor { display: block; } } .wall-outer .dcsns-toolbar .filter li a { background: none repeat scroll 0 0 #C3C3C3 !important; height: 32px !important; } .wall-outer .dcsns-toolbar .filter .link-all { line-height: 23px !important; } .widSSPData { /* background-color: #FCFCFC !important; */ margin-bottom: 25px; padding: 0 20px !important; } .widSSP.widSSP { width: 100% !important; } #CDSWIDSSP .widSSPData { padding: 0 !important; } @media only screen and (max-width : 765px) { .widSSPData { display: none; } } .alignleft { float: left; padding-right: 20px; } .alignright { float: right; padding-left: 20px; } @media (max-width: 700px) { /* .rsSlide { position: relative ! important; } .rsOverflow { height: auto ! important; } */ /*.royalSlider {overflow: hidden;}*/ } .mgl_instagram_gallery .mgl_instagram_photo .mgl_instagram_mask { background-color: none !important; } .mgl_instagram_pagination .mgl_instagram_pagination_next:after { content: "" !important; } .gform_wrapper { max-width: 100% !important; } .mgl_instagram_pagination { display: none; } .gform_wrapper .top_label .gfield_label { font-weight: normal !important; } .hide { display: none; } .news-box { border: 1px solid #D1D1D1; display: block; padding-bottom: 15px; } .news-box > h1 { background-color: #A21D21; color: #FFFFFF; font-size: 2em; padding: 14px; } .news-box > p { padding: 5px 15px; margin-bottom: 0; } .news-box > a { color: #000000; font-family: "interstateboldcondensed"; padding-left: 15px; text-transform: uppercase; } @media only screen and (min-width : 2000px) { .home-callout-links { right: 15% !important; } } @media only screen and (max-width : 1999px) { .home-callout-links { right: 13% !important; } } @media only screen and (max-width : 1800px) { .home-callout-links { right: 5% !important; } } .home-callout-links { background-color: rgba(0, 0, 0, 0.7); color: #FFFFFF !important; text-align: center; width: 300px; position: absolute; top: 143px; z-index: 8888; padding: 10px 15px 0; } @media only screen and (max-width : 1250px) { .home-callout-links { top: 136px; } } @media only screen and (max-width : 1200px) { .home-callout-links { top: 122px; } } @media only screen and (max-width : 1185px) { .home-callout-links { top: 127px; } } @media only screen and (max-width : 1095px) { .home-callout-links { top: 115px; } } @media only screen and (max-width : 1000px) { .home-callout-links { top: 100px; } } .home-callout-links a { color: #FFFFFF !important; } .home-callout-links h2 { color: #FFFFFF !important; margin-bottom: 0; margin-top:8px; font-size: 1.75em; } .homepage-links p { font-family: "signo",Arial,sans-serif; font-size: 0.85em; margin-top: 0; padding-top: 0; line-height: 100%; margin-bottom: 13px; } .home-callout-links img { width: 95%; } @media only screen and (max-width : 1776px) { .home-callout-links { width: 250px; } .home-callout-links h2 { font-size: 1.2em; } } @media only screen and (max-width : 1545px) { .home-callout-links { width: 200px; } } @media only screen and (max-width : 1185px) { .home-callout-links { width: 180px; } .home-callout-links h2 { font-size: 1em; } .homepage-links p { font-size: .75em; } } @media only screen and (max-width : 1062px) { .home-callout-links { width: 163px; } .home-callout-links h2 { font-size: .9em; } .homepage-links p { font-size: .7em; } } @media only screen and (max-width : 1000px) { .home-callout-links h2 { margin-bottom: 10px; } .homepage-links p { display: none; } } @media only screen and (max-width : 900px) { .home-callout-links h2 { margin-bottom: 0; font-size: 1.75em; } .homepage-links p { display: block; font-size: .85em; } } @media only screen and (max-width : 900px) { .home-callout-links { background-color: rgba(0, 0, 0, 1); width: 100%; position: relative; top:auto; right: auto !important; padding: 15px 15px 10px; } .homepage-links { float: left; } .home-callout-links-wrapper { margin: 0 auto; width: 800px; } } @media only screen and (max-width : 840px) { .home-callout-links-wrapper { width: 95%; } .homepage-links { width: 33%; } } @media only screen and (max-width : 350px) { .home-callout-links img { width: 95%; } } @media only screen and (max-width : 765px) { .homepage-links { float: none; width: 100%; } .home-callout-links-wrapper { width: 100%; margin: 0 auto; } .home-callout-links img { max-width: 275px; } } .amenities { text-align: center; } .amenities-single { float: left; width: 24%; margin: 0 0.5%; } .amenities-single > p { padding: 0 10px; } .amenities > h2 { padding-bottom: 20px; } @media only screen and (max-width : 900px) { .amenities-single { float: none; width: 100%; } } /* ICONS */ @font-face { font-family: 'veranda_house'; src: url('fonts/veranda_house.eot?33914409'); src: url('fonts/veranda_house.eot?33914409#iefix') format('embedded-opentype'), url('fonts/veranda_house.woff?33914409') format('woff'), url('fonts/veranda_house.ttf?33914409') format('truetype'), url('fonts/veranda_house.svg?33914409#veranda_house') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'veranda_house'; src: url('../font/veranda_house.svg?34522871#veranda_house') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "veranda_house"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-menu:before { content: '\e800'; } /* '' */ .icon-phone:before { content: '\e801'; } /* '' */ .icon-pinterest:before { content: '\e802'; } /* '' */ .icon-gplus:before { content: '\e803'; } /* '' */ .icon-twitter:before { content: '\e804'; } /* '' */ .icon-facebook:before { content: '\e805'; } /* '' */ .icon-menu-1:before { content: '\e807'; } /* '' */ .icon-menu-2:before { content: '\e808'; } /* '' */ .icon-instagram:before { content: '\e809'; } /* '' */ .icon-down-circle:before { content: '\e80b'; } /* '' */ .icon-right-circle:before { content: '\e80c'; } /* '' */ .red-bar-list-wrapper { margin-bottom: 1.25em; } .red-bar-list { border-left: 4px solid #A21D21; float: left; padding: 0 20px; width: 50%; } .red-bar-list > p { margin: 1em 0; } @media only screen and (max-width : 600px) { .red-bar-list { float: none; width: 100%; /* padding: 1px 20px; */ } .red-bar-list:first-child { margin-bottom: -20px; } } .ngg-gallery-thumbnail { margin-right: 1px; } .entry .gform_button.button { background-color: #F0F0F0 !important; border-right: 4px solid #A21D21 !important; color: #000000 !important; font-family: "interstateboldcondensed" !important; font-size: 1.15em !important; font-weight: 200 !important; letter-spacing: 1px !important; line-height: 1.2 !important; margin: 5px 23px 5px 0 !important; padding: 15px 20px !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; } .home-content a:hover { color: #A21D21 !important; } .home-content a { color: #000000 !important; }