/*
 * Dark Brown: 33271c
 * Light Yellow/Brown: cebdac
 * Pink-ish color: ca6d68  df7f55
 */
a, a:visited {
    color: #cebdac;
}
.half-width { width: 100%; height: auto; margin-bottom: 20px; }
a:hover, a:active, p a:hover {
    color: #fff;
    text-decoration: none;
}
#giant-map h2, h2.bar-overlay {
    background-color: #33271c;
        z-index: 100;
        height: 90px;
        position: relative;
        margin-bottom: 0;
        margin-top: 104px;
    }
#giant-map { display: none; }
main h2 {
    padding-top: 70px;
}
#lower-company {
    padding-top: 20px;
}
#contact-us-block {
    color: #cebdac;
}

#contact-us-block a, a {
    color: #df7f55;
    text-decoration: none;
}

#contact-us-block a:hover, a:hover {
    text-decoration: underline;
}

.overlay-bar {

}




.ninety-percent {
    width: 90%;
    height: auto;
    margin-left: 5%;
}

div.leasing-summary p {
    width: 70%;
    margin-left: 15%;
    padding-bottom: 50px;
}

div.leasing-slider {
    box-shadow: 0px 1px 5px #000;
}

div#giant-map {
    margin-top: 0px;
    z-index: 1;
}
div#giant-map img {

}

.has-background {
        background: url("../images/dev/header-background.jpg") top left repeat-x;
        height: 100px;
        line-height: 100px;
        padding: 0;
        margin-bottom: 70px;
    }

.app-bar {
    background: url('../images/header-pattern.jpg') repeat-x #fff;
    }

div.app-bar-container {
    background: none;
    height: 103px;
    }

.app-bar h1.logo {
    font-family: 'Alegreya SC', serif;
    color: #a08d7a;
    width: 100%;
    text-align: center;
    line-height: normal;
    font-size: 40px;
    padding-top: 5px;
    }



img.homepage-feature {
    height: 100%; z-index: 0; width: auto;
    position: fixed;
    margin-top: -60px;
    }

#header-caption-left {
    position: absolute;
    top: 8px;
    color: #cebdac;
    font-size: 14px;
    line-height: 1.3em;
    display: none;
    max-width: 30%;
    }

#header-caption-right {
    position: absolute;
    top: 8px;
    right: 0;
    color: #a08d7a;
    font-size: 14px;
    line-height: 1.9em;
    display: none;
    }

#header-caption-right a {
    color: #cebdac;
    text-decoration: none;
}

#header-caption-right a:hover {
    color: #cebdac;
}

.brown { background-color: #33271c; }

.project-summary p, .leasing-summary p, p { font-size: 15px; line-height: 22px; color: #cebdac; clear: both; }
.project-summary p:first-child, .leasing-summary p:first-child { padding-top: 0; margin-top: 0; margin-bottom: 0; }
.leasing-summary p { text-align: center; padding-bottom: 24px; }

.full-width { width: 100%; height: auto; }

h2, h2 a, h2 a:hover { text-align: center; color: #cebdac; text-transform: uppercase; font-size: 35px; padding-bottom: 26px; text-decoration: none; }

#project-summary-stats {
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 20px;
}

#project-summary-stats ul {

}

#project-summary-stats ul li {
    list-style: none;
    display: inline;
    border: 1px solid #fff;
}

#project-summary-stats ul li::before {
    font-family: none;
    padding: 0;
}

.clearboth {
    clear: both;
}

#update-feature p { text-align: center; color: #cebdac; padding-top: 10px; }
#update-feature p span { color: #df7f55; }
#year-bar div { text-align: center; color: #cebdac; }
#year-bar-content >div { margin: -10px -8px 10px -8px; }
div#dark-bar-message p {
    color: #cebdac;
    text-align: center;
    font-style: italic;
    padding: 10px 0;
}
div#dark-bar-message {
    background-color: #2e2118;
    margin: 10px;
}
div.project-thumb {
    overflow: hidden;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 6px;
    }
div.project-thumb p {
    font-size: 15px;
    color: #fff;
}
div.project-thumb p span {
    color: #df7f55;
}
body { padding-bottom: 80px; background-color: #33271c; }

.project-summary p { margin-bottom: 20px; }

.floor-plan p { padding-top: 10px; text-indent: 5px; text-transform: uppercase; }
.navdrawer-container h4 {
    background-color: #33271c;
    color: #cebdac;
}
/*
 * HOVER BOX STUFF
 */

.project-box-wrapper {
    border: 1px solid #cebdac;
    overflow: hidden;
    border-radius: 5px;
}
    .project-box-wrapper p {
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: bold;
        font-size: 1.1em;
        padding: 4px 8px 30px 8px;
    }

    .project-box-wrapper span {
        color: #df7f55;
    }
.box {
    width: 100%;
    box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
    margin:0 auto;
    background-size:cover;
    overflow:hidden;
    }

.overlay {
    background:rgba(0,0,0,.75);
    text-align:center;
    display:none;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    cursor: pointer;
    z-index: 100;
    }

.overlay span {
    display: block;
    padding-top: 80px;
}

.floor-plan div{
    width: 98%;
    margin-left: 1%;
    position: relative;
    background-image: url(../images/dev/icon-pdf.png);
    background-size: cover;
}
.floor-plan div img { padding: 0; }
.floor-plan div img:hover { opacity: 0; }

.plus {
    font-family:Helvetica;
    font-weight:900;
    color:rgba(255,255,255,.85);
    font-size:96px;
    }

#year-bar div div {
    margin-bottom: 4px;
}

#year-bar div div {
    border: 2px solid #cebdac;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 10px 0;
}

#year-bar div div a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

#year-bar div div:hover, #year-bar div div a:hover, #year-bar .active {
    background-color: #cebdac;
    color: #33271c;
    cursor: pointer;
}

#year-bar .active a {
    color: #33271c;
}


address {
    font-style: normal;
}
/*
 * END OF THE HOVER BOX STUFF
 */
.map-toggle {
    border-radius: 5px;
    text-transform: uppercase;
    padding: 2% 10%;
    background-color: transparent;
    outline: none;
}
#shopping-toggle {
    border: 2px solid #b2723d;
    color: #b2723d;
}
    #shopping-toggle.active {
        background-color: #b2723d;
        color: #fff;
    }
.map-toggle:hover {
    background-color: #cebdac;
}

#restaurants-toggle {
    border: 2px solid #728087;
    color: #738087;
}
    #restaurants-toggle.active {
        background-color: #728087;
        color: #fff;
    }
#header-caption-right a:hover { color: #fff; }
#gallery-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    }
a.close-wrapper {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 998;
    cursor: pointer;
    display: block;
    background-color: #000;
    padding: 4px 20px;
}
nav.invis {
    background: url(../images/dev/trans-brown.png);
}
.leasing-slider {
    position: relative;
}
.leasing-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
}
.leasing-slider:hover {

}

h2 a:hover {
    color: #fff;
}

h2 img { padding-bottom: 4px; }

a.default-button {
        border: 2px solid #ccc;
        border-radius: 5px;
        padding: 10px 30px;
        text-transform: uppercase;
        color: #ccc;
        font-size: 24px;
        cursor: pointer;
        text-decoration: none;
    }
a.default-button:hover {
    background-color: #df7f55;
}
div#update-feature div {
    display: none;
}
div#slides-home {
    display: none;
    z-index: 0;
}

div.summary-slider {
    position: relative;
    z-index: 0;
    margin: 0;
}
div.slick-active {
    z-index 0;
}

div.summary-slider-overlay {
    background-color: rgba(0,0,0,0.8);
    color: #df7f55;
    z-index: 900;
    position: relative;
    margin-top: -200px;
    display: none;
    justify-content: center;
    align-items: center;
}
    .summary-slider-overlay a {
        text-transform: uppercase;
        font-size: 1.7em;
        font-style: italic;
        text-align: center;
    }

.summary-slider .slick-prev, .summary-slider .slick-prev:hover {
    top: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.35);
    margin-top: 0;
    left: -20px;

}
.summary-slider .slick-next, .summary-slider .slick-next:hover {
    top: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.35);
    margin-top: 0;
    right: -20px;

}
.leasing-slider .slick-next {
    right: 0;
    top: 0;
    height: 100%;
    margin-top: 0;
    background-color: rgba(0,0,0,0.35);
}
.leasing-slider .slick-prev {
    left: 0;
    top: 0;
    height: 100%;
    margin-top: 0;
    background-color: rgba(0,0,0,0.35);
}
#download-plans {
    border: 2px solid #cebdac;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 20px;
    color: #cebdac;
    font-size: 20px;
}

#download-plans img {
    padding-left: 20px;
}

#download-plans:hover {
    background-color: #cebdac;
    color: #000;
    text-decoration: none;
}
.navdrawer-container ul li, .navdrawer-container {
    background-color: #cebdac;
    color: #000;
}
.navdrawer-container ul li a { color: #000; }
.project-summary p { padding-bottom: 20px; }
.contact-column {
    width: 49%;
    float: left;
    max-width: 200px;
}
.contact-column li {
    list-style: none;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
}
a:hover {
    text-decoration: none;
}
.contact-column ul {
    padding: 20px 0 0 0;
}
.contact-column ul li::before {
    display: none;
    line-height: 13px;
}
#restaurant-list a {
    color: #728087;
}
#restaurant-list a:hover {
    color: #fff;
}
.slides-pagination {

}

.blog-entry {
    padding: 10px;
}

p.center {
    text-align: center;
}
#year-bar {
    height: 60px;
    width: 100%;
}
.plus a {
    display: block;
    width: 100%;
    height: 100%;
}
#leasing-header {
    margin-bottom: 20px;
    margin-top: -40px;
}
main#location { margin-top: -100px; }
#leasing-header li {
    padding: 0 25px;
    margin: 0;

    list-style: none;

    font-size: 16px;
    color: #cebdac;
}
#leasing-header li p {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}
#leasing-header li::before {
    display: none;
    padding: 0;
    margin: 0;
    position: absolute;
}
h2.show-small {
    margin-top: 100px;
    line-height: 24px;
    padding-top: 20px;
}
h2.show-small a {
	font-size: 20px;
	
}
#scroll-wrapper {
    display: none;
}
#slides-home {
    display: block;
}
#homepage-overlay {
    display: block;
    position: relative;
    text-align: center;

}
#homepage-overlay p {
    padding-top: 0;
    margin-top: -200px;
    color: #c67466;
    font-size: 18px;
    line-height: 36px;
    text-shadow: 2px 2px rgb(0,0,0);
}
.find-out-more {
            display: block;
            margin: 20px auto;
            width: 111px;
            height: 30px;
            background: url(../images/dev/button-find-out-more.png);
            background-size: contain;
            border: none;
            cursor: pointer;
        }

        .find-out-more:hover {
            background: url(../images/dev/button-find-out-more-on.png) top center no-repeat;
        }
        
.floor-plan-icon {
    opacity: 0.1;
}
.floor-plan-icon:hover {
    opacity: 1.0;
}
#leasing-header li { line-height: 20px; }
#year-bar { height: 120px; margin-top: -100px; }
.project-summary p strong {
color: #c67466;
}
/*
 * Standard desktop stuff that's not universal
 */
.app-bar-container button img { fill: white; }
.floor-plan p { padding-bottom: 20px; }