/*****************
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

Dark Brown: #7B2D19
light Brown: #B15C12

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

body {
    color: #231F20;
}

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

h3 {
    color: #ffffff;
    font-family: Futura-Med, sans-serif;
    font-size: 1.25rem;
}

.text-highlight {
    color: #7B2D19;
    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: #7B2D19;
}

.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: #FFFFFF;
    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: #cfc9cb;
}

/*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: #cfc9cb;
    text-decoration: none;
}

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

.btn.btn-primary {
    background-color: #FFFFFF;
    color: #7B2D19;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    padding: .75rem 1.5rem;
    width: 250px;
}

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

.btn.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #7B2D19;
    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 #FFFFFF;
    margin: 0.5rem 0;
}

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

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

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

@media (min-width: 768px) {
    .border-brown-right {
        border-right: 1px solid #B15C12;
    }

    header .border-brown-right {
        border-right: none;
    }

    .border-white-right {
        border-right: 1px solid #FFFFFF;
    }

    #documents-technical-data .border-white-right {
        border-right: none;
    }
}

@media (min-width: 992px) {
    header .border-brown-right {
        border-right: 1px solid #B15C12;
    }

    #documents-technical-data .border-white-right {
        border-right: 1px solid #FFFFFF;
    }
}

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

.modal a,
.modal h2 {
    color: #231F20;
}

.modal a:hover {
    color: #7B2D19;
}

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

.modal-footer {
    height: 63px;
}

.lot-drawing-modal .lot-maps {
    column-count: 1;
}

.lot-drawing-modal .lot-maps li {
    padding: 0.25rem 0;
}

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

@media (min-width: 768px) {
    .lot-drawing-modal .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;
    letter-spacing: normal;
}

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

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

@media (min-width: 1024px) {
    #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: #7B2D19;
    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;
}

#about .logo img {
    max-width: 70%;
    margin-bottom: 1rem;
}

#about .about-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

#maps h2 {
    color: #fff;
}

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



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

footer {
    font-family: Futura-Med, sans-serif;
    padding-top: 10rem !important;

}

footer h2 {
    color: #7B2D19;
}

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

footer a:hover,
footer a:active,
footer a:focus {
    color: #7B2D19;
}
#contact-us .text-highlight {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #7B2D19;
}

#contact-us .realtor {
    color: #7B2D19;
    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;
}