/* Sticky footer utility */
.sticky-footer {
    margin-top: auto;
}

:root {


    --dpx-color-accent-light: #e8aa44;
    --dpx-color-accent-dark: #b67a19;
    /* --dpx-bg-color: #181818; */
    --dpx-bg-color: #d2d2d2;

    --dpx-text-color-dark-dark: #212529;
    --dpx-text-color-dark-light: #bcbdbd;



    --dpx-accent-color: #636469;
    --dpx-link: #212529;
    --bs-light: #f8f9fa;
    --bs-dark: #171818;


    --dpx-border-light: #9797a0;
    --dpx-border-dark: #000000;

    --dpx-border-hover-light: #ffffff;
    --dpx-border-hover-dark: #000000;
}




body {
    color: var(--dpx-text-color-dark);
    font-family: "forma-djr-display",
        sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}


a {
    text-decoration: none;
    color: var(--dpx-link);
    border-bottom: 1px solid var(--dpx-border-light);
    padding-bottom: 1px;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

a:hover {
    border-color: var(--dpx-border-hover-dark);
}

.nav-bar .nav-item a {
    color: var(--dpx-text-color-dark);
    font-weight: 500;
    font-size: 1rem !important;
}

.nav-link {
    font-size: 1rem !important;
}



.bg-dark {
    background-color: var(--bs-dark) !important;
}

.bg-dark a {
    color: var(--dpx-text-color-light);
    border-bottom: 1px solid var(--dpx-border-light);
}

.bg-dark a:hover {
    border-bottom: 1px solid var(--dpx-border-hover-light);
}


.text-theme {
    color: var(--dpx-color-accent-light);
}

.btn-outline-theme {
    background-color: transparent;
    color: var(--dpx-color-accent-light);
    border: 1px solid var(--dpx-color-accent-light);
}

.btn-outline-theme:hover {
    background-color: var(--dpx-color-accent-light);
    color: #000;
    border-color: var(--dpx-color-accent-light);
}



/* .bg-dark {
    background-color: var(--bs-dark) !important;
} */

.bg-theme {
    background-color: var(--dpx-bg-color);
}

.bg-light {
    background-color: var(--bs-light) !important;
}

.btn-theme {
    background-color: var(--dpx-bg-color);
    color: var(--dpx-text-color-dark);
    border: 1px solid var(--dpx-border-light);
}

.btn-theme:hover {
    background-color: #d8d8d8;
    color: #000;
    border-color: #d8d8d8;
}

.bullet-list {
    padding-left: 18px;
    line-height: 1.8;
    list-style-type: disc;
    /* padding-left: 0; */
}

.bullet-list li {
    position: relative;
}

.bullet-list li::marker {
    /* font-size: 0.7em; */
    color: #3e3e41;
}

.bullet-list li span {
    opacity: .6;
}

/* Only show arrow for mailto or target="_blank" links */
a[href^="mailto:"]:after,
a[target="_blank"]:after {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    margin-left: .25rem;
    content: "\2197\FE0E";
    vertical-align: text-top;
    opacity: .5;
}


/* Only show arrow for mailto or target="_blank" links
a[href^="mailto:"]:after,
a[target="_blank"]:after {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: .25rem;
    content: "";
    vertical-align: text-top;
    background-image: url('/img/icons/up-right-arrow.svg');
    background-size: 1em 1em;
    background-repeat: no-repeat;
} */




.hero h1 {
    font-weight: 500;
    font-size: 4.2rem;
}


.service-description {
    opacity: 0.75;
    font-size: 1rem;
    line-height: 1.5;
}


@media (min-width: 768px) {
    .w-md-75 {
        width: 75%;
    }

    .service-description {
        width: 75%;
    }
}

.border-light {
    border-color: rgb(255, 255, 255, .5) !important;
}

.min-vh-50 {
    min-height: 50vh;
}

#breadcrumbs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}


@media (max-width: 767px) {
    .navbar-brand {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .navbar-nav {
        margin-top: 1rem;
    }

    .navbar-nav .nav-item {
        padding-left: .5rem !important;
    }
}

.dropdown-menu li:hover,
.dropdown-menu li:focus,
.dropdown-menu li:active,
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
    background-color: #f8f9fa !important;
    color: #000 !important;
}

.dropdown-menu .navbar .nav-item a {
    color: black !important;
    width: 100%;
    background-color: transparent;
}