/*
Theme Name: 1819
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
========================================================================== */
/*
* Legal Disclaimer
*
* These Fonts are licensed only for use on these domains and their subdomains:
* www.1819place.con
*
* It is illegal to download or use them on other websites.
*
* While the @font-face statements below may be modified by the client, this
* disclaimer may not be removed.
*
* Lineto.com, 2015
*/
@font-face {
font-family: "Brown-Bold";
src:url("fonts/lineto-brown-bold.eot");
src:url("fonts/lineto-brown-bold.eot?#iefix") format("embedded-opentype"),
url("fonts/lineto-brown-bold.woff") format("woff"),
url("fonts/lineto-brown-bold.ttf") format("truetype"),
url("fonts/lineto-brown-bold.svg#lineto-brown-bold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brown-Boldalt";
src:url("fonts/lineto-brown-boldalt.eot");
src:url("fonts/lineto-brown-boldalt.eot?#iefix") format("embedded-opentype"),
url("fonts/lineto-brown-boldalt.woff") format("woff"),
url("fonts/lineto-brown-boldalt.ttf") format("truetype"),
url("fonts/lineto-brown-boldalt.svg#lineto-brown-boldalt") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brown-Reclinbold";
src:url("fonts/lineto-brown-reclinbold.eot");
src:url("fonts/lineto-brown-reclinbold.eot?#iefix") format("embedded-opentype"),
url("fonts/lineto-brown-reclinbold.woff") format("woff"),
url("fonts/lineto-brown-reclinbold.ttf") format("truetype"),
url("fonts/lineto-brown-reclinbold.svg#lineto-brown-reclinbold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brown-Reclinboldalt";
src:url("fonts/lineto-brown-reclinboldalt.eot");
src:url("fonts/lineto-brown-reclinboldalt.eot?#iefix") format("embedded-opentype"),
url("fonts/lineto-brown-reclinboldalt.woff") format("woff"),
url("fonts/lineto-brown-reclinboldalt.ttf") format("truetype"),
url("fonts/lineto-brown-reclinboldalt.svg#lineto-brown-reclinboldalt") format("svg");
font-weight: normal;
font-style: normal;
}
/* Subsetted */
@font-face {
font-family: "Brown-Bold-S";
src:url("fonts_subsetted/lineto-brown-bold.eot");
src:url("fonts_subsetted/lineto-brown-bold.eot?#iefix") format("embedded-opentype"),
url("fonts_subsetted/lineto-brown-bold.woff") format("woff"),
url("fonts_subsetted/lineto-brown-bold.ttf") format("truetype"),
url("fonts_subsetted/lineto-brown-bold.svg#lineto-brown-bold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brown-Boldalt-S";
src:url("fonts_subsetted/lineto-brown-boldalt.eot");
src:url("fonts_subsetted/lineto-brown-boldalt.eot?#iefix") format("embedded-opentype"),
url("fonts_subsetted/lineto-brown-boldalt.woff") format("woff"),
url("fonts_subsetted/lineto-brown-boldalt.ttf") format("truetype"),
url("fonts_subsetted/lineto-brown-boldalt.svg#lineto-brown-boldalt") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brown-Reclinbold-S";
src:url("fonts_subsetted/lineto-brown-reclinbold.eot");
src:url("fonts_subsetted/lineto-brown-reclinbold.eot?#iefix") format("embedded-opentype"),
url("fonts_subsetted/lineto-brown-reclinbold.woff") format("woff"),
url("fonts_subsetted/lineto-brown-reclinbold.ttf") format("truetype"),
url("fonts_subsetted/lineto-brown-reclinbold.svg#lineto-brown-reclinbold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brown-Reclinboldalt-S";
src:url("fonts_subsetted/lineto-brown-reclinboldalt.eot");
src:url("fonts_subsetted/lineto-brown-reclinboldalt.eot?#iefix") format("embedded-opentype"),
url("fonts_subsetted/lineto-brown-reclinboldalt.woff") format("woff"),
url("fonts_subsetted/lineto-brown-reclinboldalt.ttf") format("truetype"),
url("fonts_subsetted/lineto-brown-reclinboldalt.svg#lineto-brown-reclinboldalt") format("svg");
font-weight: normal;
font-style: normal;
}
html,body{
background:#000;
height:100%;
font-family:'Brown', 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;
}
#main-side{
width:365px;
left:-365px;
position:fixed;
height:100%;
float:left;
background:#fff;
-webkit-transition:all linear 0.1s;
transition:all linear 0.1s;
z-index:31;
}
#main-side nav{
margin-top:30px;
overflow:hidden;
}
#main-side nav ul{
list-style:none;
padding:0;
margin:0;
}
#main-side nav ul li{
display:block;
float:none;
margin:8px 0;
padding-left:16%;
}
#main-side nav ul li a{
color:#777;
text-transform:lowercase;
text-decoration:underline;
}
#main-side nav ul li a:hover{
color:#999;
}
#main-side-tab{
width:15px !important;
height:100%;
background:#333;
display:inline-block;
width:auto;
position:relative;
z-index:0;
float:right;
left:15px;
box-shadow:0 1px 3px #777;
cursor:pointer;
}
#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;
}
#side-logo{
width:72%;
display:block;
margin:auto;
opacity:0;
}
.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:72%;
margin:auto;
margin-top:30px;
}
#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{
width:45%;
float:left;
}
#menu-footer img.grst{
width:45%;
float:right;
margin-top:25px;
}
.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;
}
#main{
/*width:80%;*/
height:100%;
/*float:right;*/
-webkit-transition:all linear 0.1s;
transition:all linear 0.1s;
}
#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%;
}
/*.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;
}
@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;
*/
}
}
@media screen and (max-width:870px){
.contained{
width:87%;
}
/*#main-side-tab{
top:120px;
}*/
#main-side{
width:315px;
left:-315px;
}
#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%;
}
}
@media screen and (max-width:540px){
.top-spacer{
height:80px;
}
.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{
width:290px;
left:-290px;
}
#main-side-tab{
/*top:85px;*/
top:0;
}
.contained{
width:91%;
}
}
.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:url(images/eight_o_five_render.jpg) no-repeat bottom; */
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;
}
#tiles{
width:100%;
}
#tiles .row{
}
#tiles .row .cell{
display:inline-block;
}
#tiles .row .cell img path{
fill:#8c8c8c;
}
#tiles .row .cell img{
width:100%;
}
.fix-tile-margins{
margin-bottom:-1px;
}
@media only screen and (max-width: 768px) {
#tiles .col-0, #tiles .col-8{
display:none !important;
}
}
@media only screen and (max-width: 540px) {
#tiles .col-1, #tiles .col-7{
display:none !important;
}
}
/* AMENITIES */
#page-amenities{
}
.amenity-image{
}
.amenity-image img{
width:100%;
max-width:490px;
}
.amenity-desc{
width:30%;
float:right;
font-size:14px;
color:#666;
}
#page-amenities h2{
color:#999;
font-size:14px;
margin-top:0;
}
span.amenity{
font-size:14px;
color:#666;
display:block;
margin-bottom:4px;
padding-top:5px;
margin-right:20px;
}
@media screen and (max-width:870px){
#page-amenities>div.left{
width:49%;
}
#page-amenities>div.right{
width:49%;
}
.amenity-image{
width:100%;
float:none;
margin-bottom:20px;
}
.amenity-desc{
width:80%;
margin-left:20%;
float:none;
margin-bottom:40px;
}
#page-amenities div.amenity-photos{
float:none !important;
width:100%;
}
#page-amenities div.amenity-photos img{
max-width:100%;
}
}
@media screen and (max-width:640px){
#page-amenities>div.left{
width:42%;
}
#page-amenities>div.right{
width:55%;
}
#page-amenities div.amenity-photos{
width:100%;
}
}
@media screen and (max-width:540px){
#page-amenities>div.left{
float:none;
width:100%;
margin-bottom:30px;
}
#page-amenities>div.left h3{
margin-top:50px;
}
#page-amenities div.amenity-photos{
display:none;
}
}
/* 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;
}
.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{
}
#gallery-nav a{
display:block;
text-indent:28%;
height:54px;
line-height:54px;
font-size:20px;
color:#999;
text-transform:lowercase;
text-decoration:underline;
}
#gallery-nav a.active{
color:#fff;
background:#242424;
}
#page-gallery #gallery{
/* height:100%; */
list-style:none;
margin:0;
padding:0;
}
#page-gallery #gallery li{
width:20%;
float:left;
}
#page-gallery #gallery li div.gallery-img{
cursor:pointer;
margin-left:12px;
background-repeat:no-repeat;
background-size:cover;
}
#page-gallery #gallery li.active{
}
/*
#page-gallery #gallery li{
display:block;
}
*/
#gallery-full{
width:100%;
position:absolute;
top:0;
}
#gallery-full-image{
background-size:cover;
max-width:1800px;
margin:0 70px;
}
.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{
display:none;
}
#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;
}
}
@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;
}
}
@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:30px;
}
#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{
}
#plan-nav-selected{
display:none;
}
#plan-nav{
}
#plan-nav a{
cursor:pointer;
}
#plan-nav a.active{
color:#fff;
}
.plan-nav{
margin-bottom:30px;
}
.plan-nav ul{
list-style:none;
padding:0;
margin:0;
}
.plan-nav ul li{
margin:0 10px 0 0;
padding:0;
display:block;
text-indent:28%;
height:54px;
line-height:54px;
}
.plan-nav ul li.active{
background:#242424;
}
.plan-nav a{
color:#999;
text-decoration:underline;
font-size:20px;
text-transform:lowercase;
}
.plan-nav a.active{
color:#fff;
}
.plan-nav a:hover{
color:#fff;
}
#plan-list{
}
.plan-sep-nav{
padding:0 1%;
}
#plan-list div.plan{
/*max-width:323px;*/
margin-bottom:20px !important;
}
#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 img{
width:80%;
/* 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:30%;
}
#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:870px){
#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-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{
float:left;
width:48%;
}
.plan:nth-child(even){
margin-left:3%;
}
}
/* PLAN */
#page-plan{
height:auto !important;
}
#plan-img{
float:right;
}
#plan-img img{
width:100%;
}
#plan-details{
width:16.66%;
line-height:24px;
font-size:20px;
color:#666;
float:left;
}
#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 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:40px auto 70px auto;
text-decoration: underline;
}
.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:#848383;
font-weight:normal;
display:block;
text-indent:34px;
cursor:pointer;
text-decoration:underline;
}
#unit-locations div.unit-location-maps{
background:#242424;
}
#unit-locations div.unit-location{
}
.unit-location{
display:none;
}
.unit-location.active{
display:block;
}
.unit-location div{
display:inline-block;
background:#000;
margin: 38px;
}
.unit-location div img{
max-height:222px;
width:100%;
max-width:500px;
}
#north-indicator{
width:34px;
height:13px;
background:url(images/north-indicator.png) no-repeat;
margin-left:24px;
}
#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){
#plan-details{
width:25%;
}
#plan-img{
width:60%;
}
#unit-locations #unit-location-header, #unit-locations #unit-location-nav{
width:25%;
}
#unit-locations #unit-location-maps{
width:75%;
}
}
@media screen and (max-width:870px){
#plan-img{
width:65%;
margin-top:30px;
}
#plan-details{
float:none;
margin-bottom:30px;
width:100%;
}
#plan-details .left, #plan-details .right, #plan-details .share{
width:33.33%;
float:left;
}
#unit-locations #unit-location-header, #unit-locations #unit-location-nav{
width:35%;
}
#unit-location-nav .unit-location-button{
font-size:17px;
}
#unit-locations #unit-location-maps{
width:65%;
}
}
@media screen and (max-width:540px){
#plan-img{
width:98%;
float:none;
margin:0 auto 30px auto;
}
#plan-details{
width:98%;
float:none;
margin:auto;
}
#plan-details .left, #plan-details .right{
float:none;
width:100%;
}
#plan-details .share{
width:100%;
float:none;
margin-bottom:30px;
}
#plan-details div.share a{
display:inline-block;
width:17%;
text-align:center;
}
#unit-locations #unit-location-header{
width:100%;
float:none;
text-indent:38px;
}
#unit-locations #unit-location-nav{
display:none;
}
#unit-locations #unit-location-maps{
width:100%;
float:none;
}
#unit-locations{
width:100% !important;
}
.unit-location{
display:block;
}
.unit-location div{
margin:20px 38px;
}
.unit-location span{
padding-top:15px;
display:block;
text-indent:38px;
}
}
/* NEWS */
#page-news{
}
#news-nav-selected{
display:none;
}
#news-nav{
}
#news-nav a{
display:block;
text-indent:28%;
height:54px;
line-height:54px;
font-size:20px;
color:#999;
text-transform:lowercase;
text-decoration:underline;
}
#news-nav a.active{
color:#fff;
background:#242424;
}
.news-box{
width:20%;
padding-left:15px;
display:inline-block;
}
#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;
}
#news-list article{
background:#242424;
height:290px;
float:left;
display:block;
width:90%;
padding:5%;
margin-bottom:30px;
background-size:cover;
background-position:center;
color:#fff;
}
#news-list article.col-2{
margin-left:1%;
margin-right:1%;
}
#news-list article span.news-title{
font-size:18px;
font-weight:bold;
}
#news-list article div.news-content{
font-size:14px;
line-height:18px;
}
#news-list article .read-more{
color:#fff;
text-decoration:none;
font-size:18px;
}
#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;
}
@media screen and (max-width:1200px){
#news-list-inner{
width:20%
}
#news-content{
width:78%;
}
.news-box{
width:30%;
}
}
@media screen and (max-width:870px){
.news-box{
width:46%;
}
#news-nav{
width:33%;
}
#news-list{
width:67%;
}
#news-list-inner{
width:33.33%
}
#news-content{
width:66%;
}
}
@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;
}
}
@media screen and (max-width:540px){
.news-box{
padding-left:13px;
}
}
/* TEAM */
#page-team{
}
.team-row{
padding-top:20px;
padding-bottom:20px;
}
.team-row div.team-role, .team-row div.team-logo, .team-row div.team-description{
font-size:20px;
float:left;
}
.team-row div.team-description{
color:#666;
}
.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:1200px){
.team-row div.team-role{
float:none;
width:100%;
margin-bottom:30px;
}
.team-row div.team-description{
width:65%;
}
.team-row div.team-logo{
width:30%;
float:right;
}
}
@media screen and (max-width:640px){
.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;
}
}
/* NEIGHBORHOOD */
#page-neighborhood{
}
#map-categories{
}
#map-categories a{
display:block;
text-indent:28%;
height:54px;
line-height:54px;
font-size:20px;
color:#999;
text-transform:lowercase;
text-decoration:underline;
}
#map-categories a.active{
color:#fff;
background:#242424;
}
#map{
height: 600px;
}
.angular-google-map-container {
height: 600px;
}
#map #map-canvas{
height:600px;
margin-left:15px;
}
#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;
}
.gm-marker-title{
font-size:18px;
font-weight:bold;
display:block;
color:#fff;
}
.gm-marker-address{
font-size:11px;
color:#fff;
}
#map-controls{
position:relative;
z-index:10;
margin-bottom:-150px;
}
#gm-zoom-in{
width:50px;
height:50px;
background:url(images/map/map_zoomIn.png) no-repeat top;
cursor:pointer;
}
#gm-zoom-out{
width:50px;
height:50px;
background:url(images/map/map_zoomOut.png) no-repeat top;
cursor:pointer;
}
#gm-reset{
width:50px;
height:50px;
background:url(images/map/map_refresh.png) no-repeat top;
cursor:pointer;
}
#gm-zoom-in:hover, #gm-zoom-out:hover, #gm-reset:hover{
background-position:bottom;
}
@media screen and (max-width:870px){
#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;
}
}
@media screen and (max-width:640px){
#map{
width:48%;
}
#map-list-inner{
width:48%;
}
}
@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;
}
}
/* CONTACT */
#page-contact{
}
#contact{
margin-top:45px;
margin-bottom:100px;
}
#page-contact input, #page-contact textarea{
background:#232319;
height:54px;
width:100%;
display:block;
margin-bottom:12px;
text-indent:10px;
color:#fff;
border:1px solid #000;
}
#page-contact input.left{
width:49%;
float:left;
}
#page-contact input.right{
width:49%;
float:right;
}
#page-contact textarea{
height:145px;
}
#page-contact input[type="submit"]{
width:49%;
background:#dddcd4;
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;
}
.wpcf7-form br{
display:none;
}
span.wpcf7-not-valid-tip{
margin-top:-28px !important;
margin-bottom:10px !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;
}
@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: 540px) {
#page-contact input[type="submit"], #page-contact input.left, #page-contact input.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;
}