#container {
    margin: 10px;
    border: 1px solid #D0D0D0;
    box-shadow: 0 0 8px #D0D0D0;
}


/* OVERRIDES */
.nav-link-text {
    font-size: 16px;
    color: #fff;
}
.nav-link-text:hover {
    color: rgb(102, 92, 92);
}

.btn { border-radius: 10px; }


/* GENERAL */
.clickable { cursor: pointer; }
.page-title { padding-left: 0px; font-size: 40px; font-weight: bold; color: #fff; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-top-20 { padding-top: 20px; }
.padding-right-9 { padding-right: 9px; }
.padding-bottom-50 { height: 20px; }

.margin-left-20 { margin-left: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-top-47 { margin-top: 47px; }

.text-bold { font-weight: bold; }
.text-left { text-align: left; }
.float-right { float: right; }

.green { color: #20b80c; }
.supergreen { color: #28a745; }
.blue { color: #1c5fee; }
.red { color: #cc0b0b; }
.white { color: #fff; }
.yellow { color: #fffb00; }
.light-blue { color: #0acaec; }
.orange { color: #ff8903; }


img.site_bgimage {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
    opacity: 0.4;
}

.alert {
    position: relative;
    padding: 10px 10px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.btn-left { float: left; }
.btn-right { float: right; }
.hoa-alert { margin-bottom: 35px; opacity: 0.7; margin-left: 0px; }
.hoa-alert-text { font-size: 16px; font-weight: bold; color: #444;  }
.about-text { font-size: 20px; color: #fff; }
.about-text a { font-size: 20px; color: #fff; color: #fff; font-style: underline; }
.hoa_text_shadow { text-shadow: 1px 1px #444; }
.hoa-alert-button { background-color: #6ca366; width: 200px; margin-bottom: 10px; margin-right: 10px; }
.hoa-alert-button-icon { padding-right: 5px; color: #0af316; cursor: pointer; }
.subtext { font-size: 12px; font-style: italic; font-weight: 700; color: #888; }
.hoa-reminder-input { width: 300px; height: 35px; border: 1px solid #444; border-radius: 7px; background-color: #ededed; padding-left: 7px; margin-bottom: 15px; }

.about-title { font-size: 24px; color: #fff; font-weight: bold; }
.about-hr { background-color: #fff; }
.about-wrapper { padding: 20px 15px 20px 15px; background: #444; opacity: 0.5; border-radius: 15px; }

/* HOME STYLES */
.home_button { width: 300px; background: #2196F3; border-radius: 15px; margin: 10px; border: 0px solid #444; box-shadow: 0 0 8px #444; padding: 14px 10px 10px 20px; height: 50px; }
.home_button_text { font-size: 18px; color: #fff; }

.home-page-section { padding: 4.5rem 0; }
.home-card { background: url("../img/home_cardbg2.jpg") no-repeat; background-size: cover; width: 100%; height: 240px; padding-top: 30px; margin-bottom: 25px; background-position: 50% 50%; }
.home-card-title { color: #28a745; padding-bottom: 10px; border-bottom: 1px dotted #fff; }

.home_text { font-size: 20px; color: #2c2b2b; }
.quick-links-link { color: #444; }
a.quick-links-link:hover { color: #000; text-decoration: underline; }

/* HOA */
.hoa-header-text { font-size: 18px; color: #444; padding: 0px 40px 20px 40px; }
.hoa-info-text { font-size: 18px; color: #444; padding: 0px 40px 0px 40px; }
.hoa-info p { margin-bottom: 50px; }
.hoa-group-card { border-radius: 25px; background-color: #002B36; color: #fff; box-shadow: 0 1px 4px #00000066; margin-bottom: 10px; }
.hoa-group-card-title { color: #28a745; border-bottom: 1px dotted #fff; }

a.hoa-link { text-decoration: underline; color: #444; }
a.hoa-link:hover { background-color: #28a745; color: #ededed; }
.hoa-group-subtext { font-size: 14px; color: #888; font-style: italic; padding-left: 0px; }
a.hoa-group-subtext { font-size: 14px; color: #888; font-style: italic; text-decoration: underline; }
a.hoa-group-subtext:hover { color: #444; }

.hoa-address-result-row { background-color: #ededed; border-radius: 10px; padding: 18px 5px 1px 18px; margin-bottom: 5px; width: 400px; }
.hoa-address-result-row:hover { background-color: #ccf3d9; }

/* CANDIDATES */
html { scroll-padding-top: 90px; }
.card-blue { background-color: #002B36; color: #fff; }
.candidates-top-btn { color: #6ca366; }
.candidates-top-btn:hover { color: #77b96f; text-decoration: none;}

/* WILDFIRES */
.wildfires-page-section { padding: 4.5rem 0; }
.wildfires-card { background: url("../img/wildfires_cardbg1.jpg") no-repeat; background-size: cover; width: 100%; height: 100px; padding-top: 30px; margin-bottom: 25px; background-position: 50% 50%; }
.wildfire-card-title { color: #28a745; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
.wildfire-tips-link { color: #fff; padding-left: 0px; border: 0; }
.wildfire-tips-link:hover { color: #28a745; padding-left: 0px; border: 0; text-decoration: none; }
a.wildfire-tips-link:hover { color: #28a745; border: 0px; }
.wildfire-tips-row { padding-bottom: 5px; }

.wildfire-mid-link { color: #fff; border-bottom: 1px dotted #28a745; }
.wildfire-mid-link:hover { color: #28a745; border-bottom: 1px dotted #28a745; }

/* WASTE */
.waste-page-section { padding: 4.5rem 0; }
.waste-card { background: url("../img/trash_cardbg1.png") no-repeat; background-size: cover; width: 100%; height: 100px; padding-top: 30px; margin-bottom: 25px; background-position: 50% 50%; }
.waste-card-title { color: #28a745; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
.waste-card-date { color: }

/* ANNOUNCEMENTS */
.announcements-page-section { padding: 4.5rem 0; }
.announcements-page-title { color: #fff; }
.announcements-card { background: url("../img/announcements_cardbg1.jpg") no-repeat; background-size: cover; width: 100%; height: 100px; padding-top: 30px; margin-bottom: 25px; background-position: 50% 50%; }
.announcements-card-title { color: #28a745; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
.announcement-wrapper { background-color: #20505c; border-radius: 7px; padding: 10px; word-wrap: break-word; width: 100%; }
.announcements-label { color: #28a745; font-size: 16px; font-family:Arial, Helvetica, sans-serif; }
.announcements-text { color: #fff; font-size: 16px; font-family:Arial, Helvetica, sans-serif; }
a.announcements-link:hover { color: #28a745; border-bottom: 0px; }
a.announcements-link { color: #fff; border-bottom: 1px dotted #fff; }
pre {
    white-space: pre-wrap;
}

/* NEWSLETTERS */
.newsletters-page-section { padding: 4.5rem 0; }
.newsletters-card { background: url("../img/newsletters_cardbg1.jpg") no-repeat; background-size: cover; width: 100%; height: 100px; padding-top: 30px; margin-bottom: 25px; background-position: 50% 50%; }
.newsletters-card-title { color: #28a745; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
.newsletters-tips-link { color: #fff; padding-left: 0px; border: 0; }
.newsletters-tips-link:hover { color: #28a745; padding-left: 0px; border: 0; text-decoration: none; }
a.newsletters-tips-link:hover { color: #28a745; border: 0px; }
.newsletters-tips-row { padding-bottom: 5px; }
.newsletters-title { color: #3d3838; }

.newsletters-mid-link { color: #fff; border-bottom: 1px dotted #28a745; }
.newsletters-mid-link:hover { color: #28a745; border-bottom: 1px dotted #28a745; }

.newsletters-signup-input { border-radius: 7px; border: 1px solid #444; background: #EDEDED; font-size: 20px; width: 100%; height: 44px; padding: 0px 8px 0px 8px; }
.signup-error { font-size: 12px; color: #f33636; font-style: italic; display: none; }

.newsletters-list { margin-bottom: 10px; }
a.newsletters-list-title { text-decoration: none; }
a.newsletters-list-title:hover { border-bottom: 1px #444 dotted; cursor: pointer; color: #28a745; }
.newsletters-list-title { font-size: 20px; color: #444; }
.newsletters-list-date { font-size: 18px; color: #747070; font-style: italic; }
#newsletters-signup-error-message { margin-bottom: 18px; width: 100%; }
.newsletters-signup-error-message { font-size: 14px; background:#f33636; color: #fff; border-radius: 7px; padding: 7px; font-style: italic; }
.newsletter_signup_email { color: #28a745; border-bottom: 1px #28a745 dotted; }

/* FOOTER */
.footer-disclaimer { font-size: 12px; font-style: italic; padding-top: 50px; }