/*
Theme Name: SONU
Theme URI: http://aarontgrogg.com/boilerplate/
Description: A merger created by Aaron T. Grogg (http://aarontgrogg.com/)
of the HTML5 Boilerplate (http://html5boilerplate.com/)
and the Starkers theme (http://starkerstheme.com/),
Boilerplate: Starkers provides developers with an ideal, bleeding-edge, clean-start theme.
Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in
(thanks Paul, Divya and a large cast of supporting characters)! Boilerplate themes are designed to serve as a Parent theme
to whatever Child (http://codex.wordpress.org/Child_Themes) you care to add,
but you could just as easily use this as a starting point and alter the PHP as your design needs.
More about this theme can be found at http://aarontgrogg.com/boilerplate/.
Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
Author URI: http://aarontgrogg.com/
Version: 4.1
Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
Comment blocks indicate where each begins and ends, like this, for example...
*/
/** START HTML5 Boilerplate CSS **/
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*! main.css */
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face {
font-family: "Sonu-Regular";
src:url("fonts/SoNu-Regular.eot");
src:url("fonts/SoNu-Regular.eot?#iefix") format("embedded-opentype"),
url("fonts/SoNu-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Sonu-Short";
src:url("fonts/SoNu-Short.eot");
src:url("fonts/SoNu-Short.eot?#iefix") format("embedded-opentype"),
url("fonts/SoNu-Short.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Sonu-Tall";
src:url("fonts/SoNu-Tall.eot");
src:url("fonts/SoNu-Tall.eot?#iefix") format("embedded-opentype"),
url("fonts/SoNu-Tall.woff") format("woff");
font-weight: normal;
font-style: normal;
}
html,body{
background:#000 url('images/bg.png') 0 85px;
height:100%;
font-family:'Helvetica', sans-serif;
color:#fff;
}
.gcol-1{
width:8.33%;
}
.gcol-2{
width:16.66%;
}
.gcol-3{
width:25%;
}
.gcol-4{
width:33.33%;
}
.gcol-5{
width:41.66%;
}
.gcol-6{
width:50%;
}
.gcol-7{
width:58.33%;
}
.gcol-8{
width:66.66%;
}
.gcol-9{
width:75%;
}
.gcol-10{
width:83.33%;
}
.gcol-11{
width:91.66%;
}
.gcol-12{
width:100%;
}
#wrapper{
/*height:100%;*/
/* overflow-x:hidden; */
}
.left{
float:left;
}
.right{
float:right;
}
.mobile-only{
display:none;
}
.btn-menu{
display:inline-block;
position: relative;
float: right;
margin: 90px 10px 0 0;
}
#btn-menu-open{
width:37px;
height:19px;
background:url(images/menu.svg) no-repeat;
}
#btn-menu-close{
width:19px;
height:19px;
background:url(images/menu-close.svg) no-repeat;
}
@media screen and (max-width:770px){
.btn-menu{
margin: 62px 10px 0 0;
}
}
@media screen and (max-width:540px){
.btn-menu{
/*position:absolute;
margin: 28px 0 0 108px;*/
}
#btn-menu-close{
margin: 62px 10px 0 125px;
}
}
#main-side, #sidebar{
width:295px;
position:fixed;
height:100%;
float:left;
z-index:20;
border-right:4px solid #000;
}
#main-side{
left:-295px;
-webkit-transition:all linear 0.1s;
transition:all linear 0.1s;
z-index:31;
background:#a31418;
}
.rental-digs{
display:block;
color:#000;
border-top:4px solid #fff;
width:55%;
margin-left:45px;
text-indent: 3%;
font-size: 19px;
font-weight: bold;
padding: 12px 0 6px;
}
#main-side nav{
overflow:hidden;
}
#main-side nav ul{
list-style:none;
padding:0;
width:55%;
margin:0 0 0 45px;
}
#main-side nav ul li{
display:block;
float:none;
margin:0;
padding-left:5%;
}
#main-side nav ul li a{
color:#fff;
text-transform:capitalize;
text-decoration:none;
font-size:19px;
font-weight:bold;
font-family:sans-serif;
}
#main-side nav ul li a:hover{
color:#999;
}
#main-side-tab{
width:15px !important;
height:100%;
background:#a31418;
display:inline-block;
width:auto;
position:relative;
z-index:0;
float:right;
left:15px;
cursor:pointer;
display:none;
}
#main-side-tab a{
display:inline-block;
width:30px;
height:32px;
display:none;
border-left:1px solid #eee;
}
#main-side-tab a:first-child{
border:none;
}
#main-side-tab a.active{
display:inline-block;
}
#main-side .sonu-logo, #sidebar .sonu-logo{
font-family: 'Sonu-Tall';
font-size:268px;
color:#000;
display:block;
cursor:pointer;
margin-left:-4px;
}
#main-side .sonu-logo{
}
#sidebar{
background:#000;
top:0;
left:0;
}
#sidebar .sonu-logo{
color:#a31418;
margin-left:-4px;
}
#sidebar h3{
color:#a31418;
font-size:19px;
padding:0;
margin:0;
}
#sidebar .content{
padding-left:12%;
}
#side-logo{
width:72%;
display:block;
margin:auto;
opacity:0;
}
#sidebar-nav{
list-style:none;
padding:0;
margin:0;
}
#sidebar-nav li{
margin:0;
padding:0;
display:block;
font-size:19px;
line-height:24px;
}
#sidebar-nav a{
color:#fff;
text-decoration:none;
}
#sidebar-nav a.active{
color:#a31418;
}
#sidebar-nav a:hover{
color:#fff;
}
.main-side-close #side-logo{
opacity:0;
}
.main-side-open #side-logo{
opacity:1;
transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-webkit-transition: opacity .6s ease-in-out;
animation-delay: .5s;
}
#main-side-close{
background:url(images/main_side_close.png) no-repeat center;
}
#main-side-open{
background:url(images/main_side_open_white.png) no-repeat center #d1181e;;
}
#menu-social{
width:55%;
margin:0 0 0 45px;
margin-top:15px;
padding-left:3%;
}
@media screen and (max-width:540px){
#main-side #sidebar{
border:none;
}
#menu-social{
width:70%;
margin-left:10%;
}
#menu-social a:first-child{
margin-left:45px;
}
.rental-digs {
width:75%;
}
/*
#main-side nav ul{
width:100%;
margin:0;
}*/
#menu-footer .sf, #menu-footer .contact-partial{
margin-left:45px;
}
}
#main-side .share-icon{
width:21px;
height:20px;
background-position:top;
display:inline-block;
}
#main-side .share-icon{
background-position:bottom;
}
#menu-footer{
bottom:45px;
padding-left:10px;
max-width:286px;
position: absolute;
margin-left: 12%;
width: 70%;
}
#menu-footer img.fh{
width:25%;
margin-left:9%;
margin-bottom:20px;
max-width:74px;
}
#menu-footer img.sf{
margin-right:15px;
}
#menu-footer img.grst{
width:45%;
float:right;
margin-top:25px;
}
@media screen and (max-height:500px){
#main-side{
overflow:scroll !important;
}
#menu-footer{
margin-top:20px;
position:relative;
bottom:inherit;
}
}
.main-side-open #main-side{
left:0px;
}
.main-side-open #main{
position:relative;
/*float:none;
right:-300px;*/
-webkit-transition:all linear 0.1s;
transition:all linear 0.1s;
}
.contact-partial{
display:block;
margin-top:15px;
font-size:14px;
line-height:18px;
color:#fff;
font-weight:normal;
}
.contact-partial .address, .contact-partial .phone{
display:block;
}
#sidebar .contact-partial{
position:absolute;
bottom:45px;
padding-left:12%
}
#main{
/*width:80%;*/
max-width:1700px;
height:100%;
/*float:right;*/
-webkit-transition:all linear 0.1s;
transition:all linear 0.1s;
background:#fff;
}
.page-template-template-home #main{
background:#000;
}
#main h1{
font-family: 'Sonu-Tall';
font-size:268px;
color:#000;
font-weight:normal;
text-transform:lowercase;
/*margin:-45px 0 0 0;*/
margin:0;
border-bottom:5px solid #a31418;
}
#interior-header{
padding-top:30px;
font-size:14px;
position:relative;
z-index:20;
font-weight:bold;
}
#interior-header .logo{
width:250px;
}
#interior-header .logo img{
width:100%;
border:none;
}
#interior-header .logo img.gallery-showing-full{
opacity:.7;
}
.header-right{
width:55%;
float:right;
}
#header-reserve-online{
font-size:19px;
color:#d1181f;
text-decoration:none;
float:right;
width:16.5%;
display:inline-block;
}
#header-reserve-online:hover{
color:#999;
}
#tagline{
font-family:"Helvetica", sans-serif;
font-size:14px;
line-height:18px;
color:#58595b;
width:16.5%;
float:right;
display:inline-block;
}
#header-contact{
width:16.5%;
float:right;
display:inline-block;
color:#58595b;
}
.home-header #tagline, .home-header #header-contact{
color:#fff;
width:25%;
}
.home-header a#header-reserve-online{
display:none;
}
#header-clear{
display:none;
clear:both;
}
#header-clear{
display:none;
clear:both;
}
.page{
width:100%;
height:100%;
}
/*@keyframes slide-in {
from {
left: -100%;
opacity: 0;
}
to {
left: 0%;
opacity:1;
}
}*/
.page-inner{
padding-right:100px;
color:#000;
/*animation-duration: .8s;
animation-name: slide-in;*/
position:relative;
display:none;
}
.page-inner h2{
font-family: 'Sonu-Short';
font-size:268px;
font-weight:normal;
text-transform:lowercase;
margin:0;
padding:0;
margin-top:-265px;
color:#a31418;
}
/*.main-side-closed #main-side{
width:0;
}
.main-side-closed #main-side-open{
display:block;
}
.main-side-closed #main{
width:100%;
}*/
.contained{
width:90%;
margin:auto;
}
.top-spacer{
height:90px;
}
.thick-sep{
height:6px;
background:#dddcd4;
}
.foot-spacer{
height:40px;
}
footer{
width:100%;
height:30px;
position:fixed;
bottom:0;
background:#333;
line-height:30px;
}
#foot-contact{
width:75%;
float:right;
text-align:right;
color:#ccc;
margin-right:30px;
font-size:12px;
}
footer .eh{
width:14px;
height:12px;
background:url(images/equal_housing.svg);
float:left;
margin-left:30px;
margin-top:10px;
}
footer .ada{
width:12px;
height:15px;
background:url(images/ada.svg);
float:left;
margin-left:15px;
margin-top:8px;
}
#mobile-only-footer{
display:none;
}
@media screen and (max-width:1200px){
#main-side{
/*
width:240px !important;
position:absolute;
left:-240px;
z-index:30;
*/
}
#main{
/* width:100%; */
}
.main-side-open #main-side{
/* left:0px; */
}
.main-side-open #main{
/*
position:relative;
float:none;
right:-240px;
-webkit-transition:all linear 0.1s;
transition:all linear 0.1s;
*/
}
.page-inner{
padding-right:3%;
}
}
@media screen and (max-width:770px){
.contained{
width:87%;
}
/*#main-side-tab{
top:120px;
}*/
#main-side{
width:255px;
left:-255px;
}
#main-side, #sidebar{
width:255px;
}
#interior-header .header-right{
float:none;
margin-bottom:30px;
width:100%;
}
#header-reserve-online, #tagline, #header-contact{
margin-left:0;
width:33%;
}
#tagline{
float:right;
}
#interior-header .logo{
width:200px;
}
#header-clear{
display:block;
clear:both;
}
/*#main-side{
width:40%;
}*/
#main{
width:100%;
}
#main-side .sonu-logo, #sidebar .sonu-logo{
font-size:194px;
line-height:66px;
font-family:"Sonu-Regular";
padding-bottom:108px;
}
#main h1{
font-family: 'Sonu-Regular';
font-size:198px;
line-height:46px;
padding-bottom:130px;
}
}
@media screen and (max-width:540px){
.top-spacer{
height:80px;
}
.page-inner h2{
font-size:194px;
margin-top: -170px;
}
.home-header #tagline, .home-header #header-contact{
width:46%;
}
#interior-header .header-right{
margin:0 auto 30px auto;
}
#header-reserve-online{
display:none;
}
#tagline{
width:49%;
float:left;
}
#header-contact{
width:48%;
float:right;
}
#interior-header .logo{
margin-left:15px;
}
/*#main-side{
width:60%;
}*/
/*#main{
width:92%;
margin:0 4%;
}*/
.main-side-open #main-side, #sidebar{
width:100%;
left:0;
}
.main-side-open #main-side .sonu-logo, #sidebar .sonu-logo{
width:40%;
float:left;
font-family:"Sonu-Short";
line-height:0;
}
#sidebar{
height:auto;
float:none;
padding-bottom:50px;
}
#sidebar .content{
/*padding-left:0;*/
}
#sidebar .contact-partial{
display:none;
position:relative;
padding-left:0;
bottom:0;
}
.main-side-closed #sidebar{
position:absolute;
}
.header-mobile-right{
margin-top:120px;
width: 70%;
padding-left: 10%;
}
.header-mobile-left{
}
#sidebar .red-sep-contained{
/*width:auto;
margin-right:15%;
margin-bottom:15px;*/
}
#sidebar h3{
margin-left:12%;
margin-bottom:15px;
font-weight:normal;
}
.mobile-subnav{
display:none;
}
.mobile-subnav-open{
display:block;
}
.page-inner{
padding-left:3%;
padding-top:225px;
}
#page-news{
background:#000;
}
#page-news .page-inner{
padding:225px 0 0 0;
}
.page-inner h1{
display:none;
}
.contained{
width:91%;
}
.mobile-only{
display:block;
}
#mobile-only-footer{
display:block;
height:30px;
background:#000;
width:100%;
position:fixed;
bottom:0;
font-size: 12px;
text-align: center;
line-height: 30px;
}
}
.grid-box{
width:23%;
float:left;
padding:0 1%;
}
@media screen and (min-width:1900px){
.grid-box{
width:14.66%;
}
}
@media screen and (min-width:1500px){
.grid-box{
width:18%;
}
}
@media screen and (max-width:1200px){
.grid-box{
width:31.33%;
}
}
@media screen and (max-width:870px){
.grid-box{
width:48%;
}
}
@media screen and (max-width:540px){
.grid-box{
padding:0;
width:100%;
}
}
/* HOME */
#page-home{
background-position:bottom;
background-repeat:no-repeat;
background-attachment: fixed;
background-size:cover;
text-align:center;
/*
margin-top:-87px;
position:relative;
top:-87px;
*/
position:absolute;
top:0;
overflow-y:auto;
width:100%;
}
.main-side-closed #main #page-home{
width:100%;
}
#home-logo{
margin-top:45%;
width: 80%;
max-width: 682px;
}
#page-home #tagline{
color:#fff;
}
.home-spacer{
height:90px;
}
/*#home-so-crisp:hover{
height:250px;
width:360px;
background:url(images/home/so-crisp-stretch-tall.svg) no-repeat;
margin-top:0px;
}
#home-so-crisp:hover span.text{
display:none !important;
}*/
.home-row{
height:250px;
margin-bottom:14px;
overflow:hidden;
}
.home-row span.home-text{
font-size:268px;
line-height:268px;
font-family: "Sonu-Tall";
color:#fff;
margin-top:-36px;
}
.home-row span.home-text em{
font-style: normal;
}
.home-row span.home-text em.grey{
color:#727172;
}
.home-row span.home-text em.red{
color:#a31418;
}
.home-row .home-img{
height:250px;
display:inline-block;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
#home-img-01{
background-image:url(images/home/home_01-bw.jpg);
}
#home-img-01:hover{
background-image:url(images/home/home_01.jpg);
}
#home-img-02{
background-image:url(images/home/home_02-bw.jpg);
}
#home-img-02:hover{
background-image:url(images/home/home_02.jpg);
}
#home-img-03{
background-image:url(images/home/home_03-bw.jpg);
}
#home-img-03:hover{
background-image:url(images/home/home_03.jpg);
}
#home-img-04{
background-image:url(images/home/home_04-bw.jpg);
}
#home-img-04:hover{
background-image:url(images/home/home_04.jpg);
}
#home-img-05{
background-image:url(images/home/home_05-bw.jpg);
}
#home-img-05:hover{
background-image:url(images/home/home_05.jpg);
}
.home-text-hover .right{
float:left;
}
.home-text-hover .home-img{
display:none;
}
.home-text-hover .text{
display:none;
}
.home-text .stretch-text{
margin-top:-36px;
}
.home-text .stretch-text .live-type{
line-height:197px;
float:left;
display:none;
}
.home-text .stretch-text img, .home-text .stretch-text div.repeating{
height:250px;
float:left;
}
.home-text .stretch-text .left-margin{
margin-left:8px;
}
.home-text .stretch-text .space-margin{
margin-left:25px;
}
.home-stretch-end{
width:17px;
height:250px;
float:left;
display:none;
}
.home-stretch-middle{
display:none;
min-width:18px;
}
.home-text-hover .home-stretch-end, .home-text-hover .home-stretch-middle, .home-text-hover .live-type{
display:inline-block !important;
}
/*SO CRISP*/
#home-so-crisp-o-left{
background:url(images/home/so-crisp-so-tall-left.png) no-repeat;
}
#home-so-crisp-o-middle{
background:url(images/home/so-crisp-so-tall-middle.png);
}
#home-so-crisp-o-right{
background:url(images/home/so-crisp-so-tall-right.png) no-repeat;
}
#home-so-crisp-s-left{
background:url(images/home/so-crisp-crisp-tall-left.png) no-repeat;
}
#home-so-crisp-s-middle{
background:url(images/home/so-crisp-crisp-tall-middle.png);
}
#home-so-crisp-s-right{
background:url(images/home/so-crisp-crisp-tall-right.png) no-repeat;
}
/*SO RIGHT*/
#home-so-right-r-left{
background:url(images/home/so-right-r-tall-left.png) no-repeat;
}
#home-so-right-r-middle{
background:url(images/home/so-right-r-tall-middle.png);
}
#home-so-right-r-right{
background:url(images/home/so-right-r-tall-right.png) no-repeat;
}
#home-so-right-g-left{
background:url(images/home/so-right-g-tall-left.png) no-repeat;
}
#home-so-right-g-middle{
background:url(images/home/so-right-g-tall-middle.png);
}
#home-so-right-g-right{
background:url(images/home/so-right-g-tall-right.png) no-repeat;
width:24px;
}
#home-so-right-h-left{
background:url(images/home/so-right-h-tall-left.png) no-repeat;
}
#home-so-right-h-middle{
background:url(images/home/so-right-h-tall-middle.png);
}
#home-so-right-h-right{
background:url(images/home/so-right-h-tall-right.png) no-repeat;
}
/*SO NICE*/
#home-so-nice-s-left{
background:url(images/home/so-nice-s-tall-left.png) no-repeat;
}
#home-so-nice-s-middle{
background:url(images/home/so-nice-s-tall-middle.png);
}
#home-so-nice-s-right{
background:url(images/home/so-nice-s-tall-right.png) no-repeat;
}
#home-so-nice-c-left{
background:url(images/home/so-nice-c-tall-left.png) no-repeat;
}
#home-so-nice-c-middle{
background:url(images/home/so-nice-c-tall-middle.png);
}
#home-so-nice-c-right{
background:url(images/home/so-nice-c-tall-right.png) no-repeat;
}
/*SO TIGHT*/
#home-so-tight-o-left{
background:url(images/home/so-tight-o-tall-left.png) no-repeat;
}
#home-so-tight-o-middle{
background:url(images/home/so-tight-o-tall-middle.png);
}
#home-so-tight-o-right{
background:url(images/home/so-tight-o-tall-right.png) no-repeat;
}
#home-so-tight-g-left{
background:url(images/home/so-tight-g-tall-left.png) no-repeat;
}
#home-so-tight-g-middle{
background:url(images/home/so-tight-g-tall-middle.png);
}
#home-so-tight-g-right{
background:url(images/home/so-tight-g-tall-right.png) no-repeat;
}
#home-so-tight-t-left-right{
background:url(images/home/so-tight-t-tall-left-right.png);
}
#home-so-tight-t-middle{
background:url(images/home/so-tight-t-tall-middle.png) no-repeat;
}
/*SO NEAT*/
#home-so-neat-n-left{
background:url(images/home/so-neat-n-tall-left.png) no-repeat;
}
#home-so-neat-n-middle{
background:url(images/home/so-neat-n-tall-middle.png);
}
#home-so-neat-n-right{
background:url(images/home/so-neat-n-tall-right.png) no-repeat;
}
#home-so-neat-a-left{
background:url(images/home/so-neat-a-tall-left.png) no-repeat;
}
#home-so-neat-a-middle{
background:url(images/home/so-neat-a-tall-middle.png);
}
#home-so-neat-a-right{
background:url(images/home/so-neat-a-tall-right.png) no-repeat;
}
@media screen and (max-width:770px){
.home-spacer{
height:72px;
}
.home-row{
height:84px;
}
.home-row span.home-text{
font-family:"Sonu-Regular";
font-size: 194px;
line-height: 18px;
margin-top:-35px;
}
.home-text .stretch-text{
margin-top:9px !important;
}
.home-text .stretch-text .live-type{
line-height:1px;
float:left;
display:none;
}
.home-text .stretch-text img, .home-text .stretch-text div.repeating{
height:84px;
float:left;
}
.home-text .stretch-text .left-margin{
margin-left:5px;
}
.home-text .stretch-text .space-margin{
margin-left:8px;
}
.home-stretch-end{
width:12px;
height:84px;
float:left;
display:none;
margin-top:25px;
}
.home-stretch-middle{
min-width:12px;
display:none;
margin-top:25px;
}
/*SO CRISP*/
#home-so-crisp-o-left{
background:url(images/home/so-crisp-so-regular-left.png) no-repeat;
}
#home-so-crisp-o-middle{
background:url(images/home/so-crisp-so-regular-middle.png);
}
#home-so-crisp-o-right{
background:url(images/home/so-crisp-so-regular-right.png) no-repeat;
}
#home-so-crisp-s-left{
background:url(images/home/so-crisp-crisp-regular-left.png) no-repeat;
}
#home-so-crisp-s-middle{
background:url(images/home/so-crisp-crisp-regular-middle.png);
}
#home-so-crisp-s-right{
background:url(images/home/so-crisp-crisp-regular-right.png) no-repeat;
}
/*SO RIGHT*/
#home-so-right-r-left{
background:url(images/home/so-right-r-regular-left.png) no-repeat;
}
#home-so-right-r-middle{
background:url(images/home/so-right-r-regular-middle.png);
}
#home-so-right-r-right{
background:url(images/home/so-right-r-regular-right.png) no-repeat;
}
#home-so-right-g-left{
background:url(images/home/so-right-g-regular-left.png) no-repeat;
}
#home-so-right-g-middle{
background:url(images/home/so-right-g-regular-middle.png);
}
#home-so-right-g-right{
background:url(images/home/so-right-g-regular-right.png) no-repeat;
}
#home-so-right-h-left{
background:url(images/home/so-right-h-regular-left.png) no-repeat;
}
#home-so-right-h-middle{
background:url(images/home/so-right-h-regular-middle.png);
}
#home-so-right-h-right{
background:url(images/home/so-right-h-regular-right.png) no-repeat;
}
/*SO NICE*/
#home-so-nice-s-left{
background:url(images/home/so-nice-s-regular-left.png) no-repeat;
}
#home-so-nice-s-middle{
background:url(images/home/so-nice-s-regular-middle.png);
}
#home-so-nice-s-right{
background:url(images/home/so-nice-s-regular-right.png) no-repeat;
}
#home-so-nice-c-left{
background:url(images/home/so-nice-c-regular-left.png) no-repeat;
}
#home-so-nice-c-middle{
background:url(images/home/so-nice-c-regular-middle.png);
}
#home-so-nice-c-right{
background:url(images/home/so-nice-c-regular-right.png) no-repeat;
}
/*SO TIGHT*/
#home-so-tight-o-left{
background:url(images/home/so-tight-o-regular-left.png) no-repeat;
}
#home-so-tight-o-middle{
background:url(images/home/so-tight-o-regular-middle.png);
}
#home-so-tight-o-right{
background:url(images/home/so-tight-o-regular-right.png) no-repeat;
}
#home-so-tight-g-left{
background:url(images/home/so-tight-g-regular-left.png) no-repeat;
}
#home-so-tight-g-middle{
background:url(images/home/so-tight-g-regular-middle.png);
}
#home-so-tight-g-right{
background:url(images/home/so-tight-g-regular-right.png) no-repeat;
}
#home-so-tight-t-left-right{
background:url(images/home/so-tight-t-regular-left-right.png);
}
#home-so-tight-t-middle{
background:url(images/home/so-tight-t-regular-middle.png) no-repeat;
width:13px;
}
/*SO NEAT*/
#home-so-neat-n-left{
background:url(images/home/so-neat-n-regular-left.png) no-repeat;
}
#home-so-neat-n-middle{
background:url(images/home/so-neat-n-regular-middle.png);
}
#home-so-neat-n-right{
background:url(images/home/so-neat-n-regular-right.png) no-repeat;
}
#home-so-neat-a-left{
background:url(images/home/so-neat-a-regular-left.png) no-repeat;
}
#home-so-neat-a-middle{
background:url(images/home/so-neat-a-regular-middle.png);
}
#home-so-neat-a-right{
background:url(images/home/so-neat-a-regular-right.png) no-repeat;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 540px) {
}
/* AMENITIES */
#page-amenities{
}
.amenity-image{
}
.amenity-image img{
width:100%;
max-width:490px;
}
.amenity-desc{
width:30%;
float:right;
font-size:14px;
color:#666;
}
span.amenity{
font-size:14px;
color:#000;
display:block;
padding-bottom:4px;
padding-top:5px;
margin-right:20px;
display:block;
border-bottom:5px solid #a31418;
}
@media screen and (max-width:870px){
#page-amenities h2{
font-size: 193px;
margin-top: -185px;
}
}
@media screen and (max-width:700px){
#page-amenities h2{
font-size: 160px;
margin-top: -150px;
}
}
@media screen and (max-width:540px){
}
@media screen and (max-width:360px){
#page-amenities h2{
font-size: 140px;
margin-top: -125px;
}
}
/* GALLERY */
#page-gallery{
height:auto !important;
}
#gallery-close{
width:41px;
height:41px;
background:url(images/gallery-close.png) no-repeat;
float:right;
cursor:pointer;
margin-top:30px;
margin-right:15px;
position:relative;
z-index:20;
}
.arrow-left, .arrow-right{
width:22px;
height:41px;
cursor:pointer;
position:absolute;
margin-top:50%;
z-index:20;
}
.arrow-left{
background:url(images/arrow-left.png);
left:30px;
}
.arrow-right{
background:url(images/arrow-right.png);
right:15px;
}
#page-gallery .entry-content{
margin-right:15px;
}
#page-gallery #gallery-sep{
border-bottom: 5px solid #a31418;
margin-bottom:40px;
}
.gallery-type{
background-position:top;
cursor:pointer;
}
.gallery-type:hover{
background-position:bottom;
}
.gallery-type-single{
width:18px;
height:16px;
background-image:url(images/gallery-single.png);
}
.gallery-type-grid{
width:16px;
height:16px;
background-image:url(images/gallery-grid.png);
margin-left:12px;
}
#page-gallery div.top-spacer{
height:120px;
}
#page-gallery div.entry-content{
height:100%;
}
#gallery-nav{
padding-left:10%;
}
#gallery-nav a{
display:block;
font-size:19px;
color:#999;
text-decoration:none;
}
#gallery-nav a.active{
color:#a31418;
}
#page-gallery #gallery{
/* height:100%; */
list-style:none;
margin:0;
padding:0;
width:100%;
}
#page-gallery #gallery li{
width:33%;
float:left;
margin-bottom:12px;
}
#page-gallery #gallery li.active{
margin-bottom:9px;
}
#page-gallery #gallery li div.gallery-img{
cursor:pointer;
margin-left:12px;
background-repeat:no-repeat;
background-size:cover;
}
#page-gallery #gallery li.active div.gallery-img{
border-bottom: 3px solid #a31418;
}
#page-gallery #gallery li.active{
}
/*
#page-gallery #gallery li{
display:block;
}
*/
#gallery-full{
width:100%;
position:absolute;
top:0;
}
#gallery-full-image{
float:right;
}
.gallery-fullscreen-hover{
width:32px;
height:32px;
background:url(images/gallery_fullscreen.jpg) no-repeat center;
display:none;
position:absolute;
z-index:30;
cursor:pointer;
}
.gallery-fullscreen-close{
width:32px;
height:32px;
background:url(images/gallery_close.jpg) no-repeat center;
margin-bottom: -32px;
position: relative;
z-index: 30;
float: right;
cursor:pointer;
}
#page-gallery div.gallery-left{
width:50%;
float:left;
margin-top:15%;
}
#page-gallery div.gallery-left img{
width: 90%;
display: block;
margin: 0 auto 0 auto;
}
#page-gallery div.gallery-right{
width:50%;
/* height:100%; */
height:65%;
float:right;
background-size:cover;
background-position:center;
}
#page-gallery div.gallery-right img{
width:100%;
display:none;
}
#page-gallery div#full-img{
margin:0 auto;
position:relative;
z-index:45;
}
#page-gallery div#full-img img{
width:100%;
}
#page-gallery div#full-img-buttons{
width:80%;
margin:30px auto 0 auto;
position:relative;
z-index:45;
}
#page-gallery div#full-img-buttons a{
color:#666;
text-decoration:none;
}
#page-gallery div#full-img-buttons a:hover{
color:#999;
}
#page-gallery div#full-img-buttons a.previous{
float:left;
background:url(images/arrow_fancy_left.png) no-repeat left;
padding-left:16px;
}
#page-gallery div#full-img-buttons a.next{
float:right;
background:url(images/arrow_fancy_right.png) no-repeat right;
padding-right:16px;
}
#modal-overlay{
width:100%;
height:100%;
background:#fff;
position:absolute;
top:0;
left:0;
z-index:40;
}
#page-gallery .gallery-showing-full{
}
#gallery-nav-selected{
display:none;
}
#gallery-indicator{
list-style:none;
margin:0;
padding:0;
text-align:center;
position:relative;
z-index:20;
margin-top:60%;
}
#gallery-indicator li{
display:inline-block;
width:8px;
height:8px;
border:1px solid #fff;
border-radius: 50%;
margin:0 5px;
}
#gallery-indicator li.active{
background:#fff;
}
@media screen and (max-width:1160px){
.gallery-showing-full{
display:block;
}
#gallery-full{
/*position:relative;*/
}
#gallery-full-image{
margin:0;
position:relative;
/*height:100%;*/
}
#gallery-indicator{
margin-top:-60px;
margin-bottom:60px;
}
}
@media screen and (max-width:870px){
#gallery-nav{
width:30%;
}
#gallery{
width:70%;
}
#page-gallery #gallery li{
width:33%;
}
#gallery-indicator{
margin-top:80px;
margin-bottom:20px;
}
}
.sub-centered{
margin-left:17%;
}
#back-to-gallery{
color: #fff;
font-weight:bold;
text-decoration: none;
display: inline-block;
margin-bottom: 13px;
}
#gallery-nav-left{
width:16px;
height:16px;
background:url(images/arrow-red-left.svg) no-repeat;
display:inline-block;
}
#gallery-nav-right{
width:16px;
height:16px;
background:url(images/arrow-red-right.svg) no-repeat;
display:inline-block;
margin-left:15px;
}
#gallery-img-caption{
margin-top:10px;
font-size:14px;
}
@media screen and (max-width:760px){
#page-gallery{
position: relative;
}
#gallery-full{
/*padding-top:250px;*/
}
#gallery li{
display:block;
}
#gallery div.gallery-img{
margin-top:0 !important;
}
#gallery .gallery-right{
margin-bottom:50px;
}
.gallery-fullscreen-hover{
display:none !important;
}
#full-img-buttons{
display:none;
}
#page-gallery div.gallery-left{
float:none;
width:100%;
margin-bottom:50px;
height:auto;
}
#page-gallery div.gallery-left img{
width:100%;
margin:0;
}
#page-gallery div.gallery-right{
float:none;
width:100%;
height:auto;
}
#page-gallery div.gallery-right img{
display:block;
}
#page-gallery #gallery li{
width:50%;
}
}
@media screen and (max-width:640px){
#gallery-full{
/*padding-top:190px;*/
}
#page-gallery #gallery li{
/*width:50%;*/
}
#gallery-indicator{
margin-top:120px;
margin-bottom:0px;
}
}
@media screen and (max-width:540px){
#gallery-nav{
width:100%;
float:none;
}
#gallery-nav a{
text-indent:7px;
}
#page-gallery #gallery{
float:none;
width:100%;
}
/*#gal-nav{
display:none;
}*/
.gal-nav-active{
display:block !important;
background: #242424;
margin-top: -64px;
position: relative;
z-index: 2;
}
#gallery-nav-selected{
width:99%;
padding-right:1%;
display:block;
height:54px;
line-height:54px;
background:#242424;
margin-bottom:15px;
cursor:pointer;
}
#gallery-nav-selected .inner{
width:95%;
height:100%;
margin:auto;
background:url(images/menu-icon.png) no-repeat right;
text-indent:20px;
color:#999;
text-decoration:underline;
font-size:20px;
text-transform:lowercase;
}
}
/* FLOORPLANS */
#page-floorplans{
}
#page-floorplans h1{
line-height:134px;
font-size:268px;
padding:0px 0 105px 0;
font-family:"Sonu-Regular";
}
#plan-nav-selected{
display:none;
}
#plan-nav{
}
#plan-nav a{
cursor:pointer;
color:#fff;
text-decoration:none;
}
#plan-nav a.active{
color:#fff;
}
.plan-nav{
margin-bottom:30px;
}
#plan-nav{
list-style:none;
padding:0;
margin:0;
}
#plan-nav li{
margin:0;
padding:0;
display:block;
font-size:19px;
line-height:24px;
}
.plan-nav li.active{
background:#242424;
}
.plan-nav a.active{
color:#fff;
}
.plan-nav a:hover{
color:#fff;
}
#plan-list{
}
.plan-name{
display:inline-block;
}
.plan-sqft{
font-size:19px;
color:#000;
float:right;
margin: 55px 0 10px 0;
font-weight:bold;
}
.plan-sep-nav{
padding:0 1%;
}
#plan-list div.post{
/*max-width:323px;*/
margin: 20px 0;
padding-bottom:40px;
border-bottom: 5px solid #a31418;
}
#plan-list div.post:last-child{
border-bottom:none;
}
#plan-list div.plan div.plan-inner{
background:#242424;
padding-top:25px;
/* height:300px; */
padding-bottom:10px;
}
#plan-list div.plan:hover div.plan-inner{
background:#000;
}
#plan-list div.plan:hover div.plan-details{
background:#000;
}
#plan-list div.show{
display:block;
}
#plan-list .thumb{
width:100%;
background:#e6e7e8;
padding:70px 0;
}
#plan-list img{
width:90%;
margin:auto;
display:block;
/* max-height:220px; */
/* max-height:68%; */
}
/*
#plan-list .plan_img{
width:135px;
height:185px;
margin:15px auto;
background-position:center;
background-color:#fbf9f7;
background-size:cover;
}
*/
#plan-list .plan a{
text-decoration:none;
}
#plan-list div.plan div.plan-details{
background:#242424;
padding-bottom:5px;
}
#plan-list .plan span.name{
text-transform:uppercase;
color:#a6a6a6;
margin-left:12px;
}
#plan-list div.plan div.plan-details span.name a{
color:#a6a6a6;
text-decoration:none;
font-weight:bold;
}
#plan-list div.plan div.plan-details span.name a:hover{
color:#999;
}
#plan-list .plan span.feature{
color:#848283;
font-weight: bold;
float: right;
margin-right: 15px;
}
#plan-list div.col-2{
margin-left:2%;
margin-right:2%;
}
span.viewing-headline{
color: #959485;
text-decoration: none;
font-size: 18px;
text-transform: lowercase;
}
@media screen and (max-width:1200px){
#plan-nav{
width:80%;
}
#plan-list{
/*width:70%;*/
}
}
@media screen and (max-width:980px){
#plan-list div.plan div.plan-details{
padding:10px 0;
}
}
@media screen and (max-width:770px){
#page-floorplans h1{
line-height:46px;
font-size:198px;
padding:0px 0 105px 0;
font-family:"Sonu-Short";
}
#plan-list div.col-2{
margin-left:2%;
margin-right:0;
}
#plan-nav{
width:40%;
}
#plan-list{
/*width:60%;*/
}
}
@media screen and (max-width:540px){
.gallery-type-grid, .gallery-type-single{
display:none;
}
.plan-sqft{
margin-top:0;
}
#plan-nav{
width:100%;
float:none;
display:none;
}
.fpn-active{
display:block !important;
background: #242424;
margin-top: -64px;
position: relative;
z-index: 2;
}
#plan-nav ul li{
text-indent:30px;
}
#plan-nav-selected{
width:99%;
padding-right:1%;
display:block;
height:54px;
line-height:54px;
background:#242424;
margin-bottom:15px;
cursor:pointer;
}
#plan-nav-selected .inner{
width:95%;
height:100%;
margin:auto;
background:url(images/menu-icon.png) no-repeat right;
text-indent:20px;
color:#999;
text-decoration:underline;
font-size:20px;
text-transform:lowercase;
}
#plan-list{
width:100%;
float:none;
}
#plan-list .thumb{
background:#a31418;
}
.plan{
float:left;
width:48%;
}
.plan:nth-child(even){
margin-left:3%;
}
}
/* PLAN */
#page-plan{
/*height:auto !important;*/
background:#a31418;
height:100%;
}
.red-sep{
height:5px;
background:#a31418;
margin:20px 0;
}
.red-sep-first{
margin-top:5px;
}
.red-sep-contained{
width:75%;
margin:5px auto 20px auto;
}
#plan-img{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:5px solid #a31418;
}
#plan-img img{
width:100%;
}
#plan-details{
width:70%;
line-height:20px;
font-size:14px;
color:#fff;
font-weight:normal;
padding-left:10%;
}
#plan-details span.plan-type{
font-weight:bold;
display:block;
margin-top:5px;
background:url(images/arrow_down.png) no-repeat right center;
cursor:pointer;
}
#plan-details div#plan-links a{
font-size:19px;
line-height:24px;
color:#fff;
text-decoration:none;
display:block;
}
#btn-pinterest{
width:11px;
height:14px;
display:inline-block !important;
margin-right:7px;
background:url(images/pinterest.svg);
}
#btn-email{
width:20px;
height:14px;
display:inline-block !important;
margin-right:7px;
background:url(images/email.svg);
}
#btn-download{
width:17px;
height:14px;
display:inline-block !important;
margin-right:7px;
background:url(images/download.svg);
}
#plan-details span.plan-type:hover{
color:#666;
}
#plan-details div#plan-mits{
padding:5px 0;
background:url(images/arrow_down.png) no-repeat right center;
}
#plan-details div#plan-mits.call-for-price{
background:none;
}
#plan-details div#plan-mits:hover{
color:#666;
}
#plan-details a.all-plans{
margin-top:5px;
color:#575756;
display:block;
text-decoration:none;
background:url(images/arrow_fancy_left.png) no-repeat right center;
}
#plan-details a.all-plans:hover{
color:#999;
}
#plan-details div.plan-tags{
}
#plan-details div.plan-tags a{
color:#58595b;
text-decoration:none;
text-transform:lowercase;
}
#plan-details div.plan-tags a:hover{
color:#999;
}
#plan-details div.plan-callouts{
margin-top:20px;
}
#plan-details div.plan-callouts a{
text-decoration:none;
color:#d1181f;
font-weight:bold;
display:block;
}
#plan-details div.plan-callouts a:hover{
color:#575756;
}
#plan-details .left, #plan-details .right{
float:none;
width:100%;
}
#plan-details div.share{
margin-top:20px;
}
#plan-details div.share a{
margin-right:5px;
text-decoration:none;
}
#plan-details div.share a .share-icon{
width:21px;
height:20px;
background-position:top;
display:inline-block;
}
#plan-details div.share a:hover .share-icon{
background-position:bottom;
}
#plan-details div.share a:hover div.tip{
display:block;
}
#plan-list-dropdown{
color:#fff;
background:#d1181f;
width: 100%;
padding: 0 4%;
position: absolute;
margin-bottom: 100px;
margin-left: -4%;
}
#plan-list-dropdown div.thick-sep{
background:#fff;
margin:5px 0;
}
#plan-list-dropdown span{
font-weight:bold;
}
#plan-list-dropdown a{
display:block;
color:#fff;
text-decoration:none;
padding:3px 0;
}
#plan-list-dropdown a:hover{
color:#999;
}
#unit-locations{
margin:20px auto 70px auto;
}
.unit-location-button{
height:54px;
line-height:54px;
font-size:20px;
text-indent:36px;
cursor:pointer;
color:#575756;
}
.unit-location-button:hover{
color:#dddcd4;
}
#unit-locations div.active{
background:#242424;
color:#dddcd4;
}
#unit-locations div.contained{
width:100%;
padding:0 1%;
}
#unit-locations span.unit-locations{
font-size:20px;
line-height:24px;
color:#000;
font-weight:normal;
display:block;
text-indent:20px;
cursor:pointer;
text-decoration:none;
}
#unit-locations div.unit-location-maps{
background:#242424;
}
#unit-locations div.unit-location{
}
#unit-locations img.unit-location-img{
width:100%;
}
#north-indicator{
width:13px;
height:30px;
background:url(images/north-indicator-l.png) no-repeat;
margin:20px 0 20px 20px;
}
#plan-info{
padding:5px 0;
}
.tip{
padding-top:6px;
/*background:url(images/tip_point.png) no-repeat center top;*/
text-align:center;
display:none;
position:absolute;
z-index:50;
}
.tip span{
color: #dddcd4;
font-size: 14px;
display: inline-block;
padding: 0 6px;
text-align:center;
}
.unit-location span{
display:none;
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:870px){
}
@media screen and (max-width:540px){
.single-plan #sidebar h3{
font-size:50px;
margin-left:10%;
font-family: "Sonu-Short";
font-size: 100px;
line-height: 0px;
margin-bottom: 70px;
margin-top: -12px;
}
}
/* NEWS */
#page-news{
}
/*#news-nav-selected{
display:none;
}*/
#news-nav{
}
#news-nav a{
display:block;
line-height:24px;
font-size:19px;
color:#999;
text-decoration:none;
}
#news-nav a.active{
color:#fff;
background:#242424;
}
.news-box{
width:100%;
display:block;
list-style:none;
margin:0;
padding:10px 0;
background:#a31418;
height:175px;
padding-right:200%;
}
#news-list{
overflow:hidden;
}
#news-list ul li:nth-child(even){
background:#000;
}
#news-list-inner div.latest-news{
line-height:24px;
color:#575756;
font-weight:bold;
}
#news-list-inner div.latest-news a{
background: url(images/arrow_fancy_left.png) no-repeat center right;
}
.headline-word{
width:50%;
float:left;
margin-top: -28px;
}
.headline-word h2{
border:none;
margin:0;
padding:0;
font-size:268px;
line-height:100px;
font-family: "Sonu-Regular";
color:#fff;
margin-top:-50px;
}
@media screen and (max-width:1280px){
.headline-word h2.headline-small{
font-size:190px;
line-height:95px;
}
}
.post-summary{
width:50%;
float:right;
}
#news-list ul li:nth-child(even) .headline-word h2{
color:#a31418;
}
#news-list article{
display:block;
background-size:cover;
background-position:center;
color:#fff;
}
#news-list ul{
padding:0;
}
#news-list article.col-2{
margin-left:1%;
margin-right:1%;
}
#news-list article span.news-title{
font-size:14px;
color:#000;
}
#news-list article span.news-date{
display:block;
font-size:12px;
}
#news-list ul li:nth-child(even) span.news-title{
color:#fff;
}
#news-list article div.news-content{
font-size:14px;
line-height:17px;
color:#fff;
}
#news-list ul li:nth-child(even) div.news-content{
color:#666;
}
#news-list article .read-more{
color:#fff;
text-decoration:none;
font-size:14px;
position:relative;
z-index:2;
}
#news-list ul li:nth-child(even) a.read-more{
color:#666;
}
.news-box{
}
#news-list-inner{
}
#news-list-inner a{
display:block;
margin-bottom:10px;
color:#999;
text-decoration:underline;
font-size:20px;
text-transform:lowercase;
}
#news-list-inner a.active, #news-list-inner a:hover{
color:#fff;
}
#news-content{
color:#999;
}
#news-content h2{
color:#fff;
text-transform: lowercase;
font-size:25px;
}
#news-content span.post-info{
font-size:14px;
}
#nav-below{
display:none;
}
#news-content article{
width:60%;
}
#news-content #featured-image{
width:100%;
}
#news-content #featured-image img{
width:100%;
}
#news-content #featured-image-caption{
display:block;
margin:10px 0 20px 0;
color:#000;
}
@media screen and (max-width:1200px){
#news-content article{
width:70%;
}
}
@media screen and (max-width:960px){
#news-content article{
width:100%;
}
}
@media screen and (max-width:870px){
.news-box{
height:auto;
}
.headline-word{
display:block;
width:100%;
float:none;
}
.headline-word h2{
font-size:193px;
margin-bottom:80px;
}
.post-summary, .news-title, .news-date, .news-content{
display:block;
float:none;
width:100%;
}
}
@media screen and (max-width:700px){
#nav-below{
width:96%;
margin:auto;
/*display:block;*/
}
#nav-below div{
display:inline;
}
}
@media screen and (max-width:640px){
#news-list-inner{
display:none;
}
#news-content{
width:100%;
margin:auto;
}
#news-nav-selected{
width:99%;
padding-right:1%;
display:block;
height:54px;
line-height:54px;
background:#242424;
margin-bottom:15px;
cursor:pointer;
}
.nws-active{
display:block !important;
background: #242424;
margin-top: -64px;
position: relative;
z-index: 2;
}
#news-nav-selected .inner{
width:95%;
height:100%;
margin:auto;
background:url(images/menu-icon.png) no-repeat right;
text-indent:20px;
color:#999;
text-decoration:underline;
font-size:20px;
text-transform:lowercase;
}
#news-nav{
float:none;
width:100%;
margin-bottom:20px;
/*display:none;*/
}
#news-nav a{
text-indent:6%;
}
#news-list{
width:100%;
float:none;
margin:auto;
}
}
#news-content .post-title{
color:#000;
margin-bottom:-5px;
padding-bottom:0px;
}
#news-content .post-date{
color:#a31418;
margin-bottom:10px;
display:block;
}
#news-content article p{
color:#a31418;
}
@media screen and (max-width:540px){
.news-box{
}
#news-nav a{
text-indent:0;
}
}
/* TEAM */
#page-team{
}
.team-row{
padding-top:25px;
padding-bottom:20px;
border-top:5px solid #a31418;
}
.team-row div.team-role, .team-row div.team-logo{
font-size:14px;
float:left;
}
.team-row div.team-description{
color:#000;
font-size:14px;
float:right;
}
.team-row div.team-logo{
}
.team-row div.team-logo{
/* text-align:center; */
}
.team-row div.team-logo img{
width:100%;
max-width:260px;
}
@media screen and (max-width:900px){
.team-row div.team-role{
width:48%;
float:none;
text-align:left;
padding-top:20px;
margin-bottom:0;
}
.team-row div.team-logo{
width:48%;
float:none;
text-align:right;
margin:0;
}
.team-row div.team-logo img{
width:100%;
}
.team-row div.team-description{
clear:both;
width:100%;
float:none;
padding-top:30px;
}
}
@media screen and (max-width:900px){
.team-row{
padding:0;
}
}
/* NEIGHBORHOOD */
#page-neighborhood{
}
#page-neighborhood h1{
line-height:134px;
font-size:268px;
padding:0px 0 105px 0;
font-family:"Sonu-Regular";
}
#map-categories{
}
#map-categories ul{
margin:0;
padding:0;
list-style:none;
}
#map-categories ul li{
}
#map-categories ul li a{
font-size:19px;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#map-categories ul li ul{
/*display:none;*/
}
#map-categories ul li.active ul{
display:block;
}
#map-categories ul li ul li a{
font-size:14px;
font-weight:normal;
}
#map-categories a.active{
color:#fff;
background:#242424;
}
#map{
height: 650px;
}
.angular-google-map-container {
height: 650px;
}
#map #map-canvas{
height:650px;
}
#map-list{
display: block;
text-indent: 28%;
height: 54px;
line-height: 54px;
font-size: 20px;
color: #999;
text-transform: lowercase;
text-decoration: underline;
background:#242424;
}
#map-list-inner{
/*margin-left:15px;*/
}
#map-list ul{
list-style:none;
margin:0;
padding:0;
display:block;
line-height:24px;
}
#map-list ul li{
display:block;
margin:0;
font-weight:bold;
cursor:pointer;
}
#map-list ul li a{
text-decoration:none;
color:#58595b;
}
#map-list ul li a:hover{
color:#999;
}
#map-list ul li ul{
}
#map-list ul li ul li{
font-weight:normal;
color:#58595b;
}
#map-list ul li ul li:hover{
color:#999;
}
.info-box-inner{
padding:12px;
color:#000;
}
.gm-marker-title{
font-size:14px;
line-height:17px;
display:block;
color:#fff;
}
.gm-marker-address{
font-size:11px;
}
#map-controls{
position:relative;
z-index:10;
margin-bottom:-100px;
margin-left:20px;
}
#gm-zoom-in{
width:29px;
height:30px;
background:url(images/map/map_zoomIn.png) no-repeat top;
cursor:pointer;
margin-bottom:5px;
}
#gm-zoom-out{
width:29px;
height:10px;
background:url(images/map/map_zoomOut.png) no-repeat top;
cursor:pointer;
}
#gm-reset{
width:16px;
height:30px;
background:url(images/map/map_refresh.png) no-repeat top;
cursor:pointer;
margin-left:6px;
margin-bottom:5px;
}
#gm-zoom-in:hover, #gm-zoom-out:hover, #gm-reset:hover{
background-position:bottom;
}
.neighborhood-score-col{
width:33%;
float:left;
}
.neighborhood-score-col h3{
font-size:19px;
font-weight:bold;
color:#000;
}
.neighborhood-score-col .score{
font-size:19px;
font-weight:bold;
color:#a31418;
display:block;
}
.neighborhood-score-col .description{
font-size:14px;
color:#000;
display:block;
}
@media screen and (max-width:770px){
#page-neighborhood #map{
width:100% !important;
float:none !important;
}
#page-neighborhood #map, #map-canvas{
width:100%;
}
#page-neighborhood .left{
width:60%;
}
#page-neighborhood #map-categories{
width:38%;
float:left;
}
#map-list{
float:right;
}
#map{
height: 500px;
}
.angular-google-map-container {
height: 500px;
}
#map #map-canvas{
height:500px;
}
}
@media screen and (max-width:640px){
#map{
width:48%;
}
#map-list-inner{
width:48%;
}
#map{
height: 250px;
}
.angular-google-map-container {
height: 250px;
}
#map #map-canvas{
height:250px;
}
}
@media screen and (max-width:570px){
#map{
display:none;
}
#map-list-inner{
width:100%;
float:none;
}
#page-neighborhood .three-col{
width:100%;
float:none;
margin-bottom:40px;
}
#page-neighborhood .three-col-middle{
margin-left:0;
margin-right:0;
}
.neighborhood-score-col{
width:100%;
float:none;
}
.neighborhood-score-col h3{
margin-bottom:0;
}
}
/* CONTACT */
#page-contact{
}
#contact{
margin-top:45px;
margin-bottom:100px;
}
span.current-day{
color:#a31418;
}
.contact-form{
max-width:696px;
}
#page-contact input, #page-contact textarea{
background:#000;
height:54px;
width:100%;
display:block;
margin-bottom:12px;
text-indent:10px;
color:#fff;
border:1px solid #000;
padding-left:0;
padding-right:0;
}
::-webkit-input-placeholder {
color:#fff;
}
:-moz-placeholder {
color:#fff;
}
::-moz-placeholder {
color:#fff;
}
:-ms-input-placeholder {
color:#fff;
}
::-ms-input-placeholder {
color:#fff;
}
:placeholder-shown {
color:#fff;
}
#page-contact div.left{
width:49%;
float:left;
}
#page-contact div.right{
width:49%;
float:right;
}
#page-contact textarea{
height:130px;
padding-top:18px;
}
#page-contact input[type="submit"]{
width:49%;
background:#a31418;
color:#000;
text-align:left;
}
#page-contactErrors{
margin-top:15px;
font-size:12px;
color:#fff;
}
#page-contact input.contact-form-error, #page-contact textarea.contact-form-error{
border:1px solid #ccc;
}
#page-contact input.contact-form-valid, #page-contact textarea.contact-form-valid{
background:#111;
}
#contactInvalid{
display:none;
color:#fff;
}
#contactSuccess{
color:#fff;
display:none;
padding:30px 0;
text-align:center;
font-size:18px;
}
/*#page-contact .contact_form{
width:60%;
max-width:525px;
float:left;
}*/
#page-contact .contact_form div.left{
width:48%;
float:left;
}
#page-contact .contact_form div.right{
width:48%;
float:right;
}
/*#page-contact .contact_form input, textarea{
width:100%;
height:35px;
border:1px solid #ddd;
margin-bottom:30px;
color:#959486;
font-size:14px;
text-indent:9px;
padding:0;
}
#page-contact .contact_form textarea{
padding-top:9px;
height:100px;
}
#page-contact .contact_form input[type="submit"]{
background:#d11820;
border-radius:none;
border:none;
color:#fff;
text-align:left;
}*/
#page-contact div.contact_info{
padding-top:10px;
}
#page-contact div.contact_info p{
margin-bottom:12px;
margin-top:0;
}
#form-errors{
margin-top:-17px;
}
.wpcf7-form br{
display:none;
}
span.wpcf7-not-valid-tip{
color: #a31418 !important;
font-size: 1em !important;
display: block !important;
text-indent: 16px !important;
}
div.wpcf7-response-output{
margin:0 !important;
}
div.wpcf7-validation-errors{
background: #f7e700;
color: #A69D18;
font-size: 14px;
}
.wpcf7-not-valid{
border-color:#d11820 !important;
}
div.wpcf7-mail-sent-ok{
background:#398f14;
color:#A0E880;
font-size: 14px;
}
.wpcf7-submit{
margin-bottom:5px !important;
}
.wpcf7-validation-errors{
display:none !important;
}
@media only screen and (max-width: 1200px) {
#page-contact .contact_form{
width:50% !important;
}
}
@media screen and (max-width:870px){
#page-contact .contact_info{
width:25%;
}
#page-contact .contact_form{
width:70% !important;
float:right !important;
}
}
@media screen and (max-width: 640px) {
#page-contact input[type="submit"], #page-contact form .left, #page-contact form .right{
width:100%;
float:none;
}
#page-contact .contact_info{
width:100%;
float:none !important;
margin-bottom:30px;
}
#page-contact .contact_form{
width:100% !important;
float:none !important;
}
}
@media screen and (max-width:570px){
/*#page-contact .contact_form{
width:90%;
float:none;
margin:auto;
}*/
#page-contact .contact_form div.left, #page-contact .contact_form div.right{
/*float:none;
width:100%;*/
}
#page-contact div.contact_info{
/*width:90%;
float:none;
padding-top:30px;
margin:0 auto 40px auto;*/
}
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow:none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/** END HTML5 Boilerplate CSS **/
/** START Starkers CSS **/
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.
/* Font stack options
The following represents a list of font stacks, as recommended by Nathan Ford in
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
I've added inverted commas around the relevant family names to ensure compatibility.
p = balanced for paragraphs or body copy
t = balanced for headlines or titles
- - - -
Arial, "Helvetica Neue", Helvetica, sans-serif - p, t
Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t
Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t
Consolas, "Lucida Console", Monaco, monospace - p, t
"Copperplate Light", "Copperplate Gothic Light", serif - p, t
"Courier New", Courier, monospace - p, t
"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t
Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t
Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t
Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t
Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t
GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t
"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t
Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t
"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t
Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, "Times New Roman", Georgia, serif - p, t
Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t
*/
/** END Starkers CSS **/
/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li {
float: left;
position: relative;
}
#access ul ul {
display: none;
float: left;
position: absolute;
top: 3.333em;
left: 0;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul li:hover > ul {
display: block;
}
/** END WordPress-Defined CSS Classes **/
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none !important;
}
.ng-hide {
display:none!important;
}