﻿



/*
 *	Site Header
==================================================== */

.site-header {
    background-color: var(--ti-mint);
    box-shadow: 0 -1.5rem 1.5rem 2rem rgba(0,0,0,.25);
}

.site-header .offcanvas {
    --bs-offcanvas-color: var(--ti-indigo);
    --bs-offcanvas-bg: var(--ti-mint);
    --bs-offcanvas-border-width: 0px;
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/*.site-header .offcanvas .offcanvas-title {
    color: var(--ti-indigo);
}*/

/*.site-header .offcanvas .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}*/

.navbar-stack .navbar-info {
    font-weight: 600;
    list-style: none;
    margin-bottom: 1rem;
    padding-left: 0;
}

.navbar-stack .navbar-info > li {
    display: inline-block;
}

.navbar-stack .navbar-info > li:not(:last-child) {
    margin-right: .5rem;
}

.site-header .navbar {
    --bs-navbar-color: rgba(var(--ti-indigo-rgb), 0.55);
    --bs-navbar-hover-color: rgba(--ti-indigo-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--ti-indigo-rgb), 0.25);
    --bs-navbar-active-color: var(--ti-indigo);
    --bs-navbar-brand-color: var(--ti-indigo);
    --bs-navbar-brand-hover-color: var(--ti-indigo);
    --bs-navbar-toggler-border-color: rgba(var(--ti-indigo-rgb), 0.1);
    border-bottom: 1px solid transparent;
}

.site-header .navbar-nav:not(:only-child) {
    --bs-navbar-nav-link-padding-y: .75rem;
}


.site-header .navbar .nav-link {
    font-family: var(--ti-font-sans-serif-condensed);
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.site-header .navbar .nav-link small {
    opacity: .75;
}

.site-header .navbar .dropdown-item.active,
.site-header .navbar .dropdown-item:active {
    background-color: var(--ti-purple);
}

@media screen and (min-width: 768px) {

    .site-header .navbar-expand-md .navbar-info {
        font-size: .875rem;
        margin-bottom: 0;
        margin-top: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-md .nav-link {
        color: rgba(var(--ti-indigo-rgb),.75);
    }

    .site-header .navbar-expand-md .nav-link:focus,
    .site-header .navbar-expand-md .nav-link:hover {
        color: rgba(var(--ti-indigo-rgb),.9);
    }

    .site-header .navbar-expand-md .active .nav-link,
    .site-header .navbar-expand-md .nav-link.active {
        color: rgba(var(--ti-indigo-rgb),1);
    }

    .site-header .navbar-expand-md .nav-link[aria-expanded="true"],
    .site-header .navbar-expand-md .nav-link:hover {
        border-color: var(--ti-sage);
    }

    .site-header .navbar-expand-md .nav-link[aria-expanded="true"] strong,
    .site-header .navbar-expand-md .active .nav-link strong,
    .site-header .navbar-expand-md .nav-link:hover strong {
        color: var(--ti-sage);
    }


    .site-header .navbar-expand-md .nav-btn {
        background-color: var(--ti-indigo);
        border: none;
        border-radius: .375rem;
        color: #fff;
        height: auto;
        margin-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
        margin-inline: calc(var(--bs-navbar-nav-link-padding-x) * .25);
        padding-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-md .nav-item:last-child > .nav-btn {
        margin-right: 0;
    }

    .site-header .navbar-expand-md .nav-btn:focus,
    .site-header .navbar-expand-md .nav-btn:hover {
        background-color: var(--ti-purple);
        color: #fff;
    }

    .site-header .navbar-expand-md .active .nav-btn,
    .site-header .navbar-expand-md .nav-btn.active {
        background-color: var(--ti-purple);
        color: #fff;
    }
}

@media screen and (min-width: 992px) {

    .site-header .navbar-expand-lg .navbar-info {
        font-size: .875rem;
        margin-bottom: 0;
        margin-top: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-lg .nav-link {
        color: rgba(var(--ti-indigo-rgb),.75);
    }

    .site-header .navbar-expand-lg .nav-link:focus,
    .site-header .navbar-expand-lg .nav-link:hover {
        color: rgba(var(--ti-indigo-rgb),.9);
    }

    .site-header .navbar-expand-lg .active .nav-link,
    .site-header .navbar-expand-lg .nav-link.active {
        color: rgba(var(--ti-indigo-rgb),1);
    }

    .site-header .navbar-expand-lg .nav-link[aria-expanded="true"],
    .site-header .navbar-expand-lg .nav-link:hover {
        border-color: var(--ti-sage);
    }

    .site-header .navbar-expand-lg .nav-link[aria-expanded="true"] strong,
    .site-header .navbar-expand-lg .active .nav-link strong,
    .site-header .navbar-expand-lg .nav-link:hover strong {
        color: var(--ti-sage);
    }


    .site-header .navbar-expand-lg .nav-btn {
        background-color: var(--ti-indigo);
        border: none;
        border-radius: .375rem;
        color: #fff;
        height: auto;
        margin-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
        margin-inline: calc(var(--bs-navbar-nav-link-padding-x) * .25);
        padding-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-lg .nav-item:last-child > .nav-btn {
        margin-right: 0;
    }

    .site-header .navbar-expand-lg .nav-btn:focus,
    .site-header .navbar-expand-lg .nav-btn:hover {
        background-color: var(--ti-purple);
        color: #fff;
    }

    .site-header .navbar-expand-lg .active .nav-btn,
    .site-header .navbar-expand-lg .nav-btn.active {
        background-color: var(--ti-purple);
        color: #fff;
    }
}

@media screen and (min-width: 1200px) {

    .site-header .navbar-expand-xl .navbar-info {
        font-size: .875rem;
        margin-bottom: 0;
        margin-top: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-xl .nav-link {
        color: rgba(var(--ti-indigo-rgb),.75);
    }

    .site-header .navbar-expand-xl .nav-link:focus,
    .site-header .navbar-expand-xl .nav-link:hover {
        color: rgba(var(--ti-indigo-rgb),.9);
    }

    .site-header .navbar-expand-xl .active .nav-link,
    .site-header .navbar-expand-xl .nav-link.active {
        color: rgba(var(--ti-indigo-rgb),1);
    }

    .site-header .navbar-expand-xl .nav-link[aria-expanded="true"],
    .site-header .navbar-expand-xl .nav-link:hover {
        border-color: var(--ti-sage);
    }

    .site-header .navbar-expand-xl .nav-link[aria-expanded="true"] strong,
    .site-header .navbar-expand-xl .active .nav-link strong,
    .site-header .navbar-expand-xl .nav-link:hover strong {
        color: var(--ti-sage);
    }


    .site-header .navbar-expand-xl .nav-btn {
        background-color: var(--ti-indigo);
        border: none;
        border-radius: .375rem;
        color: #fff;
        height: auto;
        margin-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
        margin-inline: calc(var(--bs-navbar-nav-link-padding-x) * .25);
        padding-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-xl .nav-item:last-child > .nav-btn {
        margin-right: 0;
    }

    .site-header .navbar-expand-xl .nav-btn:focus,
    .site-header .navbar-expand-xl .nav-btn:hover {
        background-color: var(--ti-purple);
        color: #fff;
    }

    .site-header .navbar-expand-xl .active .nav-btn,
    .site-header .navbar-expand-xl .nav-btn.active {
        background-color: var(--ti-purple);
        color: #fff;
    }
}

@media screen and (min-width: 1400px) {

    .site-header .navbar-expand-xxl .navbar-info {
        font-size: .875rem;
        margin-bottom: 0;
        margin-top: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-xxl .nav-link {
        color: rgba(var(--ti-indigo-rgb),.75);
    }

    .site-header .navbar-expand-xxl .nav-link:focus,
    .site-header .navbar-expand-xxl .nav-link:hover {
        color: rgba(var(--ti-indigo-rgb),.9);
    }

    .site-header .navbar-expand-xxl .active .nav-link,
    .site-header .navbar-expand-xxl .nav-link.active {
        color: rgba(var(--ti-indigo-rgb),1);
    }

    .site-header .navbar-expand-xxl .nav-link[aria-expanded="true"],
    .site-header .navbar-expand-xxl .nav-link:hover {
        border-color: var(--ti-sage);
    }

    .site-header .navbar-expand-xxl .nav-link[aria-expanded="true"] strong,
    .site-header .navbar-expand-xxl .active .nav-link strong,
    .site-header .navbar-expand-xxl .nav-link:hover strong {
        color: var(--ti-sage);
    }


    .site-header .navbar-expand-xxl .nav-btn {
        background-color: var(--ti-indigo);
        border: none;
        border-radius: .375rem;
        color: #fff;
        height: auto;
        margin-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
        margin-inline: calc(var(--bs-navbar-nav-link-padding-x) * .25);
        padding-block: calc(var(--bs-navbar-nav-link-padding-y,var(--bs-nav-link-padding-y)) * .5);
    }

    .site-header .navbar-expand-xxl .nav-item:last-child > .nav-btn {
        margin-right: 0;
    }

    .site-header .navbar-expand-xxl .nav-btn:focus,
    .site-header .navbar-expand-xxl .nav-btn:hover {
        background-color: var(--ti-purple);
        color: #fff;
    }

    .site-header .navbar-expand-xxl .active .nav-btn,
    .site-header .navbar-expand-xxl .nav-btn.active {
        background-color: var(--ti-purple);
        color: #fff;
    }
}





/*
 *	Site Footer
==================================================== */

.site-footer {
    background-color: var(--ti-mint);
    border-top-color: var(--ti-sage);
    /*border-bottom: 3px solid rgba(0,0,0,.1);*/
    color: var(--ti-indigo);
}

.site-footer .btn {
    font-weight: 700;
    text-transform: uppercase;
}

.site-footer .disclaimer {
    background-color: var(--ti-mint);
    background-image: linear-gradient(rgba(var(--ti-sage-rgb),.25), rgba(var(--ti-sage-rgb),0));
    box-shadow: none;
    color: var(--ti-indigo);
}

.site-footer .copyright {
    background-color: #fff;
    border-color: #fff;
}

.site-footer .copyright,
.site-footer .copyright a {
    color: var(--ti-indigo);
}

.site-footer .copyright a:hover {
    color: rgba(var(--ti-indigo-rgb), .7);
}

.footer-section a:not(.btn) {
    color: var(--ti-indigo);
}

.footer-section a:not(.btn):hover {
    color: rgba(var(--ti-indigo-rgb), .7);
}


.footer-section .title {}

.footer-section .title > span {
    border-bottom-color: var(--ti-sage);
}

.footer-section address strong,
.footer-section address .fa {
    color: inherit;
}





/*
 *	Hero
==================================================== */

.hero {
    background-color: #666;
}

.hero::after {
    background-image: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0) 95%);
    content: '';
    inset: 0;
    position: absolute;
    z-index: 0;
}

.hero > .container > .row {
    justify-content: flex-start !important;
}

.hero .alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-bg: transparent;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    text-shadow: 0 1px 1px rgba(255,255,255,.25), 0 1px 5px rgba(255,255,255,.25);
    backdrop-filter: none;
}

.hero .alert .alert-heading {
    color: var(--ti-indigo);
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .hero .alert .alert-heading {
        font-size: 2.5rem;
    }
}

.hero .alert p {
    font-size: 1.25rem;
    font-weight: 400;
}

.hero .alert .btn {
    /*--bs-btn-color: #000000;
    --bs-btn-bg: #90C589;
    --bs-btn-border-color: #90C589;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #A1CE9B;
    --bs-btn-hover-border-color: #9BCB95;
    --bs-btn-focus-shadow-rgb: 122,167,116;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #A6D1A1;
    --bs-btn-active-border-color: #9BCB95;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #90C589;
    --bs-btn-disabled-border-color: #90C589;*/
    text-shadow: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
}