@import url("https://fonts.googleapis.com/css?family=Amiri");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");

.dropdown-menu, span.twitter-typeahead .tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem
}

span.twitter-typeahead .tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.5;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0
}

span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5
}

span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0
}

span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    color: #818a91
}

span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    text-decoration: none;
    width: 100%;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"
}

.input-group span.twitter-typeahead {
    display: block !important
}

.input-group span.twitter-typeahead .tt-menu {
    top: 2.375rem !important
}

@media only screen and (max-width: 520px) {
    .tt-input {
        width: 240px
    }
}

html {
    position: relative;
    min-height: 100%
}

a, a:focus, a:hover {
    text-decoration: none
}

html, body {
    font-family: Amiri, serif;
    background-color: #444;
    color: #FFF
}

.form-control {
    padding: 6px;
    font-family: Amiri, serif;
    background-color: #FFF;
    border: 1px solid #999;
}

h1, h2, h3, h4 {
    font-family: Amiri, serif
}

body p {
    line-height: 1.5
}

.navbar-toggler-icon {
    width: 2.6em;
    height: 2.6em;
}

.cre-navbar {
    background: #000;
    text-shadow: none;
    height: 110px;
    padding: 20px;
    border-radius: 0
}

.cre-navbar .dropdown-menu a {
    padding: 5px 5px 5px 10px
}

.cre-navbar-sm {
    height: 68px;
    padding: 10px
}

#mobile-navbar {
    position: relative;
    z-index: 10000;
    background-color: #000;
    padding: 10px 10px;
    clear: both
}

#mobile-navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#mobile-navbar li {
    text-transform: uppercase;
    color: #CCC;
    display: block;
    border-top: 1px solid #333;
    padding: 0
}

#mobile-navbar li a {
    text-transform: uppercase;
    color: #FFF;
    display: block;
    padding: 10px 20px
}

#mobile-navbar li a:hover {
    text-decoration: none;
    background-color: #333
}

#mobile-navbar li.header a {
    text-transform: none
}

#mobile-navbar li.divider {
    border-top: 1px solid #999
}

.btn:hover {
    color: #000;
}

.btn-black {
    background: #000 linear-gradient(to bottom, #666, #000) repeat scroll 0 0 border-box;
    color: #fff;
    text-shadow: none
}

.btn-black:hover {
    color: #DAAA00;
}


.cre-nav-toggler {
    color: #FFF;
    font-size: 32px;
    position: fixed;
    top: 12px;
    right: 10px;
    z-index: 100;
    padding: 2px 6px 0 6px;
    background: #000;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5)
}

.cre-nav-links a {
    font-size: 16px;
    color: #FFF;
    font-family: Amiri, serif

}

.cre-navbar a {
    font-size: 16px;
    color: #FFF;
    font-family: Amiri, serif
}

.cre-logo-img {
    margin: 0 10px 0 0;
    border: 1px solid #DAAA00
}

nav {
    background-color: #000;
}

.cre-subnav {
    display: inline-block;
    text-align: right;
    padding: 0
}

.cre-navbar-nav {
    padding: 20px 5px 0 0;
    text-align: right
}

.cre-navbar-nav li a {
    color: #FFF;
    padding: 0;
    text-decoration: none
}

.cre-subnav a {
    color: #DAAA00;
    display: block;
    padding: 0 5px;
    font-size: 11px;
    font-family: "Source Sans Pro", Tahoma, sans-serif
}

.cre-navbar-nav .dropdown-menu {
    background-color: #000;
    border: none;
    border-radius: 0
}

.cre-navbar-nav .dropdown-menu a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    line-height: 28px;
    font-family: Amiri, serif
}

.cre-navbar-nav .dropdown-menu a:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none
}

.cre-footer {
    width: 100%;
    background-color: #000;
    padding: 10px 0;
    color: #FFF;
    position: absolute;
    bottom: 0;
    font-family: Amiri, serif;
    text-align: center
}

.cre-footer a {
    color: #FFF;
    text-decoration: none
}

.cre-footer .sub {
    margin: 0 10px;
    color: #FFF
}

.cre-footer div {
    display: inline-block
}

.cre-footer .dv {
    border-left: 1px solid #DAAA00;
    height: 10px;
    padding: 0;
    margin: 0 12px
}

.cre-footer .copy {
    font-size: 12px;
    padding: 0 20px 0 0;
    color: #DAAA00
}

.bg-dark {
    background-color: #444;
    color: #FFF
}

.cre-body-content {
    padding: 40px 0 60px 0;
    margin: 0 auto
}

.center-ie {
    margin: 0 auto
}

.cre-page-heading {
    width: 60%;
    text-align: center;
    padding: 0 0 32px 0;
    border-bottom: 1px solid #000;
    margin: 0 auto 30px auto;
    color: #FFF;
    font-size: 32px
}

.cre-page-sub-heading {
    width: 60%;
    text-align: center;
    padding: 6px 0;
    margin: 0 auto
}

.gold {
    color: #DAAA00
}

.white {
    color: #FFF
}

.cre-broker-bio-block {
    width: 222px;
    line-height: 14px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: center;
}

.cre-broker-bio-block img {
    padding: 10px 0;
    border-radius: 50%;
}

.broker-contact-block {
    font-family: "Source Sans Pro", Tahoma, sans-serif
}

.broker-contact-block a {
    color: #EEE
}

.broker-contact-block a:hover {
    color: #DAAA00
}

.broker-contact-block .dv {
    border-left: 1px solid #DAAA00;
    height: 10px;
    padding: 0;
    margin: 0 2px;
    display: inline-block
}

.broker-contact-block ul {
    list-style-type: none
}

.broker-listing-block {
    width: 360px
}

.size-3 {
    font-size: 20px
}

.size-4 {
    font-size: 16px
}

.size-5 {
    font-size: 14px
}

.size-6 {
    font-size: 12px
}

.italic {
    font-style: italic
}

.broker-bio-left .portrait {
    float: left;
    padding: 0;
    border-radius: 50%;
    margin-right: 20px;
}

.broker-bio-left a {
    color: #000;
}

.broker-bio-left .broker-title {
    color: #000;
    font-style: italic;
}

.input-group span.twitter-typeahead {
    display: block !important
}

.broker-bio-right {
    padding: 20px 0
}

.broker-testimonial-block {
    padding: 10px 0 60px 0
}

.broker-bio-right .testimonial {
    padding: 30px 0 10px 0;
    color: #DAAA00;
    font-style: italic
}

.broker-bio-right .testimonial a {
    text-transform: uppercase;
    color: #FFF;
    font-size: 12px;
    font-style: normal
}

.testimonial-link {
    color: #FFF;
    background-color: #999;
    border-radius: 4px;
    display: inline-block;
    padding: 0 12px;
    font-size: 14px
}

.broker-bio-right .credit {
    font-style: normal
}

.cre-contact-block {
    background-color: #eee;
    margin: 40px 0;
    padding: 20px
}

.banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    align-items: center;
    text-shadow: 0 1px 3px #CCC;
    height: 400px;
    font-size: 50px;
    color: #FFF;
    text-transform: uppercase
}

.banner-buyers {
    background-image: url("../jpg/buyers.jpg");
    padding: 150px 0 0 0
}

.banner-sellers {
    background-image: url("../jpg/sellers.jpg");
    padding: 150px 0 0 0
}

.banner-community {
    background-image: url("../jpg/community.jpg");
    padding: 160px 0 0 0
}

.banner-schools {
    background-image: url("../jpg/schools.jpg");
    padding: 160px 0 0 0
}

.banner-activities {
    background-image: url("../jpg/activities.jpg");
    padding: 160px 0 0 0
}

.banner-cabins {
    background-image: url("../jpg/banner-cabins.jpg");
    padding: 160px 0 0 0
}

.p-lead {
    color: #DAAA00
}

.search-spinner {
    background-image: url("../gif/search-spinner.gif");
    background-position: right center;
    background-repeat: no-repeat
}

.upper-lead {
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 800;
    letter-spacing: 0px
}

.upper-lead .bump {
    font-size: 20px
}

.town-links span {
    padding: 0 0 0 4px;
    font-size: 12px
}

.cre-contact-headline {
    font-size: 40px;
    color: #666;
    text-align: center
}

.town-links a {
    color: #FFF
}

.activity-links a {
    color: #FFF
}

.para-expander {
    position: relative
}

.para-collapsed {
    height: 170px;
    overflow: hidden
}

.para-expanded {
    height: auto;
    overflow: visible
}

.para-expander .handle {
    position: absolute;
    bottom: 0em;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #FFF;
    font-style: normal;
    padding-top: 20px;
    cursor: pointer;
    background: -webkit-linear-gradient(rgba(68, 68, 68, 0) 0%, #444 100%);
    background-image: -moz-linear-gradient(rgba(68, 68, 68, 0) 0%, #444 100%);
    background-image: -o-linear-gradient(rgba(68, 68, 68, 0) 0%, #444 100%);
    background-image: linear-gradient(rgba(68, 68, 68, 0) 0%, #444 100%);
    background-image: -ms-linear-gradient(rgba(68, 68, 68, 0) 0%, #444 100%)
}

.red {
    color: #F00
}

.rider {
    padding: 20px 0 0 0;
    font-size: 12px;
    border-top: 1px solid #DDD
}

.rider img {
    margin: 4px 12px
}

.cre-nav-info {
    padding: 8px 16px 0 0;
}

.cre-nav-info, .cre-nav-info a {
    color: #fbdb63;
    font-size: 1.2rem;
    text-decoration: none;
    text-align: end;
}

.nav-link {
    font-size: 1.2rem;
    color: #FFFFFF;
}

.nav-link:hover {
    color: #FFFFFF;
}
.dark-links  a {
    color: #9c5506;
}