body{
    font-family: "widescreen", sans-serif;
}

.h-100{
    min-height: 100vh;
}

.bg-dark{
    background-color: #090c0e !important;
}

a {
    color: #f79421;
}

a:hover {
    color: #ed136c;
}

a.active {
    font-weight: 700;
}

.navbar{
    text-transform: uppercase;
}

.navbar.navbar-scrolled.navbar-dark {
    background-color: #090c0e;
}

.navbar-brand-logo {
    width: 100%;
    min-width: 7.5rem;
    max-width: 9.5rem;
}

.navbar .dropdown-menu {
    border-top: 0.1875rem solid #f79421;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-light .navbar-nav .nav-link.active {
    font-weight: 700;
}

.navbar .nav-item:hover > .nav-link,
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #f79421;
}

.nav-link {
    font-size: .9rem;
}

@media (max-width: 991.98px) {
    .navbar-expand-lg.navbar-dark .navbar-nav,
    .navbar-expand-lg.navbar-dark .navbar-topbar-collapse {
        background-color: #090c0e;
    }

    .nav-link {
        font-size: 1.25rem;
    }
}

.align-items-end {
    align-items: flex-end !important;
}

.bg-hero{
    background-image: url('../images/dwp.jpg');
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.text-lime{
    color: #b4f6d0 !important;
}

.display-4,
.display-5,
.display-6,
.display-7,
.display-8{
    font-weight: 900;
    font-family: "widescreen-ex", sans-serif;
}

.display-4,
.display-5{
    text-transform: uppercase;
}

.display-7 {
    font-size: calc(1rem + 1.5vw);
    font-weight: 600;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-7 {
        font-size: 1.75rem;
    }
}

.display-8 {
    font-size: calc(1rem + 1.5vw);
    font-weight: 900;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-8 {
        font-size: 1.5rem;
    }
}

ul li{
    margin-bottom: .25rem;
}

.btn{
    border-radius: 0;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f79421;
    --bs-btn-border-color: #f79421;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e1871e;
    --bs-btn-hover-border-color: #d78a31;
    --bs-btn-focus-shadow-rgb: 246, 159, 59; /*5591ff*/
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d78a31;
    --bs-btn-active-border-color: #c0741b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f79421;
    --bs-btn-disabled-border-color: #f79421;
}

.btn-outline-primary {
    --bs-btn-color: #f79421;
    --bs-btn-border-color: #f79421;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f79421;
    --bs-btn-hover-border-color: #f79421;
    --bs-btn-focus-shadow-rgb: 5246, 159, 59;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f79421;
    --bs-btn-active-border-color: #f79421;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f79421;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f79421;
    --bs-gradient: none;

    
    --bs-btn-bg:  rgba(9, 12, 14, 0.5);;
    border: 1px solid #f79421;
}

.btn-ghost-secondary {
    color: #71869d;
}

.btn-dark{
    background-color: #010101;
}

.btn-dark:hover{
    background: #f79421;
    background: linear-gradient(0deg,rgba(247, 33, 104, 1) 0%, rgba(247, 148, 33, 1) 90%, rgba(247, 148, 33, 1) 100%);
    border: none;
}

.btn-check:active + .btn-ghost-secondary,
.btn-check:checked + .btn-ghost-secondary,
.btn-check:focus + .btn-ghost-secondary,
.btn-ghost-secondary.active,
.btn-ghost-secondary:active,
.btn-ghost-secondary:focus,
.btn-ghost-secondary:hover,
.show > .btn-ghost-secondary.dropdown-toggle {
    color: #71869d;
    border-color: transparent;
    background-color: #fbe8d2;
}

.media-viewer-icon {
    background-color: #f79421;
}

.swiper-button-next-soft-white:hover,
.swiper-button-prev-soft-white:hover {
    background-color: #f79421;
}

.go-to:focus:hover, .go-to:hover {
    color: #fff;
    background-color: #f79421;
    opacity: 1;
}

footer{
    font-family: "widescreen", sans-serif;
}

footer a {
    color: var(--bs-body-color);
}

footer a:hover {
    color: #f79421;
}

footer a.active {
    color: #f79421;
}