body { background-color:lemonchiffon; }

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover {
    color:midnightblue;
}

div.mainContentDiv { 
    background-color: white; 
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0px;
    min-height: 600px;
}

img.beautifyingImage {
    object-fit: cover;
    width: 100%;
    height: 400px;
}

.inline { display: inline-block; }

.primary-backColor { background-color: beige; }

.secondary-foreColor { color: white; }
.secondary-backColor { background-color: white; }

.green-bg { background-color:#008950; }


h2.announcement {
    color:darkred;
}

h5 {
    margin-bottom: 0.1rem;
}

div.announcementDiv {
    background-color:salmon;
}

div.carouselDiv {
    color: white;
    background-color: black;
}

.text-large {
    font-size: 2em;
}

span.tabbed {
    margin-left: 40px;
}

.docs-list {
    background-color: black;
}



img.banner { 
    object-fit: cover;
    width: 100%; 
    height: 250px;
}

.bg-announcements {
    background-color: #FFA39E;
}

.bg-announcements-inner {
    background-color: #FFD1CF;
}

.bg-black {
    background-color: #000;
}

.text-announcements {
    color: maroon;
}

img.gallery-image {
    border-radius: 12px;
    padding: 4px;
    margin: 4px;
    border: 2px solid #73AD21;
}

.hoa-nav-item {
    background-color: #F2F2EA;
    border-radius: 10px;
    margin: 8px 2px 0 2px;
    padding: 0 4px 0 4px;
}

.hoa-nav-item:hover {
    background-color: #F5F5B8;
    border-radius: 10px;
}

/*
XSmall	Small     Medium	  Large	    XL	      XXL
<576px	>=576px	  >=768px	  >=992px	>=1200px  >=1400px
*/

/* sm */

@media (max-width: 767px) {
    img.banner { 
        height: 100px;
    }

    div.mainContentDiv { 
        min-height: 300px;
    }
}

/* md */
@media (min-width: 768px) and (max-width: 991px) {
    img.banner { 
        height: 150px;
    }

    div.mainContentDiv { 
        min-height: 400px;
    }
}

/* lg */
@media (min-width: 992px) and (max-width: 1199px) {
    img.banner { 
        height: 200px; 
    }

    div.mainContentDiv { 
        min-height: 500px;
    }
}