/*****************
Fonts

Futura (Futura Medium): font-family: Futura-Med;
Futura-Book: font-family: Futura-Boo;
Futura-Condensed (Futura Condensed Medium): font-family: FuturaCon-Med;

Garamond-PremrPro
Garamond-PremrPro-Bdlt
Garamond-PremrPro-lt
Garamond-PremrPro-Med

Garamond Premier Pro Regular
font-family: garamond-premier-pro, serif;
font-weight: 400;
font-style: normal;

Garamond Premier Pro Medium
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-style: normal;

Garamond Premier Pro Italic
font-family: garamond-premier-pro, serif;
font-weight: 400;
font-style: italic;

Garamond Premier Pro Bold
font-family: garamond-premier-pro, serif;
font-weight: 700;
font-style: normal;

Garamond Premier Pro Bold Italic
font-family: garamond-premier-pro, serif;
font-weight: 700;
font-style: italic;

*****************/

/*****************
Colors

Black: #231F20, rgba(35, 31, 32, 1.0)
Dark Green: #506026, rgba(80, 96, 38, 1.0)
Gold: #C7990B, rgba(199, 153, 11, 1.0)

*****************/

body {
    color: #231F20;
}

h1 {
    color: #506026;
    text-transform: uppercase;
    font-family: Futura-Med, sans-serif;
    font-size: 1.875rem;
    letter-spacing: 0.5rem;
}

h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-family: Futura-Med, sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0.5rem;
}

.text-highlight {
    color: #C7990B;
    letter-spacing: 0.5rem;
}

/*****************
Navigation
*****************/

nav.primary-nav {
    background: #ffffff url("/img/header_bkgd.jpg") no-repeat 5% top;
    justify-content: space-between;
    font-family: Futura-Med, sans-serif;
    padding: 0;
}

nav .navbar-toggler {
    margin: 0.5rem;
    border: none;

}

nav .navbar-collapse {
    padding: 0 1rem;
    background-color: #506026;
}

.navbar-collapse {
    flex-grow: 0;
}

@media (min-width: 768px) {
    nav.primary-nav {
        background: #ffffff url("/img/header_bkgd.jpg") no-repeat 5% bottom;
        background-size: cover;
        justify-content: space-between;
        font-family: Futura-Med, sans-serif;
        padding: 1rem;
    }

    nav .navbar-collapse {
        padding: initial;
        background-color: transparent;
    }

    nav.primary-nav .nav-item {
        display: inline-flex;
    }

    nav.primary-nav.navbar-dark .navbar-nav .nav-item:not(:last-child):after {
        content: '\2022';
        padding: 0.5rem;
        color: #ffffff;
    }
}

/*****************
Links
*****************/

/*Navbar Links*/
.navbar-dark .navbar-nav .nav-link {
    color: #C7990B;
    text-transform: uppercase;
    font-size: 1rem;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff;
}

/*Basic Links*/
a {
    color: #ffffff;
    font-family: garamond-premier-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
}

a:hover,
a:active,
a:focus {
    color: #231F20;
    text-decoration: none;
}

@media (min-width: 768px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #ffffff;
        text-transform: uppercase;
    }

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:active,
    .navbar-dark .navbar-nav .nav-link:focus {
        color: #cfc9cb;
    }
}

/*****************
Buttons
*****************/

.btn.btn-primary {
    background-color: #C7990B;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    padding: .75rem 1.5rem;
}

.btn.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background-color: #506026;
}

.btn.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #506026;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.25);
}

.btn-brown {
    background: transparent url("/img/button_bkgd.png") no-repeat center center;
    padding: 1.5rem 2.5rem;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-family: Futura-Med, sans-serif;
    letter-spacing: 0.2rem;
}

.btn-brown:hover,
.btn-brown:active,
.btn-brown:focus {
    color: #cfc9cb;
}

.btn-brown:focus,
.btn-brown:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

/*****************
Images
*****************/

.circular-image {
    border-radius: 50%;
}

.circular-images img {
    border-radius: 50%;
    padding: 0.5rem;
    border: 1px solid #C7990B;
    margin: 0.5rem 0;
}

/*****************
Lists
*****************/

.no-bullet-points li {
    list-style: none;
}

/*****************
Borders
*****************/

@media (min-width: 768px) {
    .border-gold-left {
        border-left: 1px solid #C7990B;
        padding-left: 4rem;
    }

    .border-gold-right {
        border-right: 1px solid #C7990B;
    }
}

/*****************
Modals
*****************/

.modal a {
    color: #231F20;
}

.modal a:hover {
    color: #C7990B;
}

.modal a::before {
    content: '\2022';
    padding: 0.5rem;
    color: #C7990B;
    vertical-align: top;
}

.modal-header,
.modal-footer {
    /*background-color: #506026;*/
}

.modal-footer {
    height: 63px;
}

#lotDrawingModal .lot-maps {
    column-count: 1;
}

#lotDrawingModal .lot-maps li {
    padding: 0.25rem 0;
}

@media (min-width: 360px) {
    #lotDrawingModal .lot-maps {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    #lotDrawingModal .lot-maps {
        column-count: 3;
    }
}

/*****************
Content
*****************/

header {
    font-family: Futura-Med, sans-serif;
}

header .border-gold-left {
    border: none;
}

header .location {
    font-family: garamond-premier-pro, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.75rem;
}

header .text-highlight {
    text-transform: uppercase;
    font-size: 1.5rem;
}

header .sold-out {
    text-transform: uppercase;
    color: rgba(35,31,32,.7);
    font-size: 1.5rem;
}

header .sold-out-highlight {
    text-transform: uppercase;
    color: #C7990B;
    font-size: 2.5rem; 
    letter-spacing: 0.15em;
}

header .next-phase-coming {
    color: #686868;
    font-size: 1.65rem;  
    letter-spacing: .08em;
}

#billboard {
    padding: 0;
    margin-top: -1rem;
    margin-bottom: -6rem;
}

@media (min-width: 768px) {
    #billboard {
        margin-top: -7rem;
        margin-bottom: -10rem;
    }
}

@media (min-width: 1024px) {
    header .border-gold-left {
        border-left: 1px solid #C7990B;
        padding-left: 4rem;
    }

    #billboard {
        margin-top: -10rem;
        margin-bottom: -13rem;
    }
}

section {
    padding: 3rem 0;
}

@media (min-width: 1500px) {
    #billboard {
        margin-top: -13rem;
        margin-bottom: -19rem;
    }
}

@media (min-width: 2200px) {
    #billboard {
        margin-top: -19rem;
        margin-bottom: -25rem;
    }
}

.intro-content {
    background: #ffffff url("/img/billboard_bkgd_texture.jpg") no-repeat top center;
    background-size: cover;
    padding-top: 3rem;
    color: #506026;
    font-family: garamond-premier-pro, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.25rem;
}

#about {
    background: transparent url("/img/billboard_bkgd_grass.png") no-repeat bottom center;
}

#documents-technical-data {
    background: #ffffff url("/img/documents_technical_data_bkgd.jpg") no-repeat 5% center;
    background-size: cover;
}

#documents-technical-data a {
    margin-left: -1.5rem;
}

#documents-technical-data a::before {
    content: '\2022';
    padding: 0.5rem;
    color: #C7990B;
    vertical-align: text-bottom;
}

#documents-technical-data .circular-images {
    margin-bottom: -7rem;
    padding-top: 2rem;
}

#maps {
    background: #ffffff url("/img/maps_bkgd.jpg") no-repeat top center;
    background-size: cover;
    padding-top: 6rem;
}

#maps .text-highlight {
    font-family: garamond-premier-pro, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.5rem;
    letter-spacing: initial;
}

/*****************
Footer
*****************/

footer {
    font-family: Futura-Med, sans-serif;
}

footer h2 {
    color: #506026;
}

footer a {
    color: #C7990B;
    font-family: Futura-Med, sans-serif;
    font-size: 1rem;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: #506026;
}

#contact-us .text-highlight {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: rgba(35, 31, 32, 0.7);
}

#contact-us .realtor {
    color: #506026;
    text-transform: uppercase;
    font-size: 1.125rem;
}

#contact-us .company {
    font-size: 1.125rem;
    text-transform: uppercase;
}

#contact-us .title,
#contact-us .tagline {
    font-family: garamond-premier-pro, serif;
    font-weight: 400;
    font-style: italic;
}

#contact-us .address {
    font-family: garamond-premier-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
}

#contact-us .copyright {
    font-family: garamond-premier-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    padding-top: 1rem;
}