:root {
    --color-primary: #42843e;
    --color-primary-lt: #b3ceb2;
    --color-dark: black;
    --color-gray: gray;
    --color-gray-light: lightgray;
    --color-highlight: #b7dcae;
    --color-blue: #00adef;
    --color-blue-lt: #b9e5fa;
    --color-blue-drk: #0077A5;
    --color-rev: white;
    --color-brown: #dacbaf;
}
/* GENERAL */
h1 {
    font-family: "natom-pro", sans-serif;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0px !important;
}
h2, h3, h4, h5, h6 {
    font-family: "natom-pro", sans-serif;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    font-style: normal;
}
body {
    font-family: "roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
/* LINKS */
a {
   text-decoration: none !important; 
}
p a {

    text-decoration: none !important;
}
p a:hover {

    text-decoration: none;
}
.desp-sm {
    font-size: 0.75rem;
    line-height: 1.25;
}
.xsmall {
    font-size: 0.65rem;
}
/* DESIGN */
.card-footer {
    background: none !important;
    border: none !important;
}
.reverse a {
   color: white !important;
    text-decoration: none; 
}
.footer-link a {
    color: rgba(255,255,255,0.50)!important;
    text-decoration: none !important;
}.footer-link a:hover {
    color: rgba(255,255,255,1.00)!important;
    text-decoration: none !important;
}
/* COLORS */
.color-black{
    color: var(--color-dark) !important;
}
.color-blue-drk{
    color: var(--color-blue-drk) !important;
}
.color-primary, .color-primary a {
    color: var(--color-primary) !important;
}
.color-gray, .color-gray a {
    color: var(--color-gray) !important;
}
.color-lgray, .color-lgray a {
    color: var(--color-gray-light) !important;
}
.color-highlight, .color-highlight a {
    color: var(--color-highlight) !important;
}
.color-primary-lt, .color-primary-lt a{
    color: var(--color-primary-lt) !important;
}
.color-rev{
    color: var(--color-rev) !important;
}
.color-gold {
    color: gold;
}
/* BKG COLORS */
.bkg-color-gallery {
    background-color: rgba(0,0,0,0.75)!important;
}
.bkg-color-primary {
    background-color: var(--color-primary) !important;
}
.bkg-color-primary-lt {
    background-color: var(--color-primary-lt) !important;
}
.bkg-color-blue-lt {
    background-color: var(--color-blue-lt) !important;
}
.bkg-color-rev{
    background-color: white !important;
}
/* BACKGROUNDS */
.bkg-404 {
    background-image: url("../images/header-404.jpg")!important;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc( 100vh - 190px ); 
}
.bkg-home {
    background-image: url("../images/header-main.jpg")!important;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc( 100vh - 190px ); 
}
.bkg-excavation {
    background-image: url("../images/header-excavation.jpg")!important;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc( 100vh - 190px ); 
}
.bkg-septic {
    background-image: url('../images/header-septic-systems.jpg')!important;
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc( 100vh - 190px ); 
}
.bkg-landscape {
    background-image: url('../images/header-landscape.jpg')!important;
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc( 100vh - 190px ); 
}
.bkg-wave {
    background-image: url("../images/wave.png")!important;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 165px;
}
.bkg-wave-footer {
    background-image: url("../images/wave-footer.png")!important;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height: 200px;
}
/* NAVIGATION-START */
.btn {
    border-radius: 90px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
}
.btn-primary {
  background-color: var(--color-dark) !important;
  border: none !important;
}
.btn-primary:hover {
  background-color: var(--color-primary) !important;
  border: none !important;
}
.btn-light {
  background-color: white !important;
  color: black !important;
  border: none;
}
.btn-light:hover {
  background-color: var(--nlc-lawn-link) !important;
  color: white !important;
  border: none;
}
.nav-link {
    font-family: "natom-pro", sans-serif !important;
    font-weight: 400;
}
.navbar-nav .nav-link:hover {
    color: var(--color-primary) !important;
}
.nav .nav-link:hover {
    color: var(--color-primary-lt) !important;
}
a .icon-overlay { 
    position: absolute; top: 5px; left:20px;
    color: var(--color-rev) !important;
    transition: color .25s ease;
}
a:hover .icon-overlay  { 
    color: var(--color-primary) !important;
}
.service-list li{
    list-style: none;
    color: var(--color-blue-drk) !important;
    font-size: 0.675em !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding-right: 1.5em !important;
    padding-top: 1px !important;
}
.service-list li:before {
    content: "\F26A";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    color: var(--color-blue-drk) !important;
    line-height: 1 !important;
    vertical-align: -.125em;
    margin-right: 4px;
}

ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 5px !important;
}
/* xxLARGE */
@media (min-width: 1901px){
    .lightbox-caption {
        margin-top: -100px !important;
        margin-bottom: 100px !important;
    }
}
@media (min-width: 1400px) {
    h1{
        font-size: 5rem !important;
    }
}
/* xLARGE */
@media (max-width: 1399.98px){
    h1{
        font-size: 4rem !important;
    }
}
@media (min-width: 1200px) {
}
/* LARGE */
@media (max-width: 1199.98px){
    h1{
        font-size: 3.5rem !important;
    }
}
@media (min-width: 992px){
}
/* MEDIUM */
@media (max-width: 991.98px){
    h1{
        font-size: 3.2rem !important;
    }
    .bkg-wave, .bkg-wave-footer {
        height: 70px !important;
    } 
}
@media (min-width: 768px){
    .services-info{
        background-color: var(--color-blue-lt) !important;
        color: rgb(33, 37, 41) !important;
    }
}
/* SMALL */
@media (max-width: 767.98px){
    h1{
        font-size: 3rem !important;
    }
}
@media (min-width: 576px){
    .logo {
        height: 80px !important;
        width: auto !important;
    }
}
/* X-SMALL */
@media (max-width: 575.98px){
    h1{
        font-size: 2.5rem !important;
    }
    .logo {
        height: 50px !important;
        width: auto !important;
    }
    .bkg-home {
        background-image: url("../images/header-main-mobile.jpg")!important;
        background-position: bottom left;
        background-size: cover;
        background-repeat: no-repeat;
        height: calc( 100vh - 150px ); 
    }
    .bkg-excavation {
        background-image: url("../images/header-excavation-mobile.jpg")!important;
        background-position: bottom left;
        background-size: cover;
        background-repeat: no-repeat;
        height: calc( 100vh - 150px ); 
    }
    .bkg-landscape {
        background-image: url('../images/header-landscape-mobile.jpg')!important;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: calc( 100vh - 150px ); 
    }
    .bkg-septic {
        background-image: url('../images/header-septic-mobile.jpg')!important;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: calc( 100vh - 150px ); 
    }
    .bkg-wave {
        height: 50px !important;
    }
    .bkg-wave, .bkg-wave-footer {
        height: 50px !important;
    }
}.bi-bolt-fill {
}