body {
    color: white;
    background-image: url("../img/background.jpg");
    background-color: black;
    margin-top: 10px;
}

/* body #content.container {
    margin-top: -17px;
} */

.header-info {
    padding-top: 25px;
}

.nav-item a {
    color: white !important;
}

.nav-item a:hover, a:active {
    color: #63ae55 !important;
}

.navbar .dropdown-menu {
    background-color: black;
    border: 1px solid rgba(224, 223, 223, 0.36);
}

a.phoneNumber, a:hover.phoneNumber, a:active.phoneNumber {
    color: #63ae55 !important;
    text-decoration: none;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-bold {
    font-weight: bold;
}

.title-about-us {
    color: #b0fb6b;
    font-weight: bold;
}

.title-about-pat {
    color: #477c49;
    font-weight: bold;
}

.v-align-center {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

a.link-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
    padding: 5px;
    border: 1px solid lightgray;
    cursor: pointer;
}

a:hover.link-button, a:active.link-button {
    color: black !important;
}

.green-link-button {
    color: white;
    background-color: #54b00a;
}

a:hover.green-link-button, a:active.green-link-button {
    background-color: #6fe80e;
}

.blue-link-button {
    color: white;
    background-color: #33348e;
}

a:hover.blue-link-button, a:active.blue-link-button {
    background-color: #5456e0;
}

.full-height {
    display: flex;
    flex-direction: column;
}

.full-width {
    width: 100%;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: initial;
}

footer a {
    color: white;
    text-decoration: underline;
}

footer a:hover, a:active {
    color: #63ae55;
    text-decoration: underline;
}

footer {
    padding-top: 10px;
}

.row-padded {
    padding-bottom: 10px;
}

ul.no-bullets {
    list-style-type: none;
}

.home-carousel {
    margin-left: -30px;
    margin-right: -30px;
}

#home-upkeep-list {
    background-color: black;
    padding: 10px;
}

#home-askme {
    background-color: #143d14;
    padding: 10px;
}

#home-lawn-maintenance {
    border: 1px solid lightgray; 
    margin-right: 5px; 
    background-image: url("../img/home-lawn-maintance.jpg");		background-repeat: no-repeat;
}#home-lawn-maintenance .row .col.lawn-text {    color: black;    font-weight: bold;}

#home-restoration {
    border: 1px solid lightgray; 
    margin-left: 5px; 
    margin-right: 5px; 
    background-image: url("../img/home-restoration.jpg");		background-repeat: no-repeat;
}#home-restoration .row .col.restoration-text {    color: black;    font-weight: bold;}

#home-trees-and-bushes {
    border: 1px solid lightgray; 
    margin-left: 5px; 
    margin-right: 5px; 
    background-image: url("../img/home-trees-brushes.jpg");		background-repeat: no-repeat;
}#home-trees-and-bushes .row .col.trees-text {    color: black;    font-weight: bold;}

#home-snow-removal {
    border: 1px solid lightgray; 
    margin-left: 5px; 
    background-image: url("../img/home-snow-removal.jpg");		background-repeat: no-repeat;
}

#home-snow-removal .row .col.snow-text {
    color: black;
    font-weight: bold;
}

#about-top {
    background-color: #589952;
    padding: 15px 10px 15px 10px;
}

#about-bottom {
    background-color: white;
    padding: 15px 10px 15px 10px;
    color: black;
}

.snow-btn {
    color: white !important;
}

.image-link {
    -webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	filter: brightness(100%);
}

.image-link:hover{
    -webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	-o-filter: brightness(70%);
	-ms-filter: brightness(70%);
	filter: brightness(70%);
}

.coming-soon { 
    background-color: white;
    background: rgba(256, 256, 256, 0.6);
}

.coming-soon .coming-soon-top {
    color: white;
}

.coming-soon .coming-soon-bottom {
    color: #6fb453;
}

.text-required {
    color: red;
}

.contact-container {
    background-color: white;
    color: black;
}

.contact-header {
    font-size: 1.5em;
    color: #516813;
}

.contact-header2 {
    font-size: 1.3em;
    color: #516813;
}

.christmas-code {
    color: black;
    font-weight: bold;
}