@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Work+Sans:wght@400;600;700&display=swap');

body {
    font-family: 'Work Sans', sans-serif;
    color: rgba(255, 255, 255, 0.87);
    background: #131313;
    --bs-body-color: rgba(255, 255, 255, 0.87);
    --bs-body-bg: #131313;
}

.content-list,
.one-tag {
    font-family: 'Poppins', sans-serif;
}
h3, .h3 {
    font-weight: 600;
}
a:not(.btn, .navbar-dark *, footer *, .dropdown .dropdown-item) {
    color: #FFF;
    text-decoration: underline;
}

.dropdown-menu {
    --bs-dropdown-bg: #343a40;
}
.dropdown .dropdown-item:active{
    color: #FFF;
}
a:not(.btn, .navbar-dark *, footer *):hover,
a:not(.btn, .navbar-dark *, footer *):focus {
    color: #23527c;
    text-decoration: underline;
}
.logo {
    font-family: 'Work Sans', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #FFF;
}

.form-control:not(.search-form .form-control),
.form-control:not(.search-form .form-control):focus {
    border-radius: .375rem;
    background-color: #FFF;
    color:#131313;
}

/** header **/
.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.search-icon:hover, .search-icon:focus,
.search-form #button-search:hover, .search-form #button-search:focus {
    color: #23527c;
}

.navbar-toggler, .navbar-toggler:focus {
    border: none;
    box-shadow: none;
    color: #FFF;
}

@media (max-width: 450px) {
    .navbar .navbar-toggler {
        padding-left: 0 !important;
    }
    .navbar a.btn-danger {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
}

nav .dropdown-item.active, nav .dropdown-item:active {
    background-color: #23527c;
    color: #ffffff;
}

/** footer **/
footer a:hover,
footer a:focus{
    color: #23527c;
    text-decoration: none;
}

/** colors **/
.text-danger {
    color: #df1f1f !important;
}

.bg-dark {
    background: #0f0b14 !important;
}

.btn-danger {
    background-color: #f32c2c;
    border-color: #f32c2c;
    color: #ffffff !important;
}
.btn-secondary {
    color: #131313 !important;
    background-color: #df1f1f;
    border-color: #df1f1f;
}
.btn-outline-secondary:hover,
.btn-danger:hover,
.btn-danger:active {
    color: #ffffff !important;
    background-color: #d61f1f !important;
    border-color: #d61f1f !important;
}

/** content **/
i.vote {
    color: rgba(255,255,255,0.8);
}
i.vote:hover, i.vote-active {
    color: #df1f1f;
}

/* pagination */
.pagination .page-link {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    border: 3px solid #3a3a3a;
    background: #3a3a3a;
    font-weight: bold;
    color: #FFF;
    border-radius: 0.25rem !important;
}

.pagination .page-item.prev-next .page-link {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    background-color: #f32c2c;
    border: 3px solid #f32c2c;
}

.pagination .page-item:not(.active) .page-link:hover,
.pagination .page-item:not(.active) .page-link:focus {
    border-color: #5b5b5b;
    background: #5b5b5b;
    text-decoration: none;
    box-shadow: none;
}

.pagination .page-item.prev-next .page-link:hover,
.pagination .page-item.prev-next .page-link:focus {
    background-color: #131313;
    border-color: #23527c;
    color: #ffffff;
}

.pagination .page-item {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
}
.pagination .active > .page-link,
.pagination .page-link.active {
    background-color: #131313;
    border-color: #23527c;
    color: #ffffff;
}

@media (max-width: 576px) {
    .pagination .page-item {
        margin-right: 0.15rem !important;
        margin-left: 0.15rem !important;
    }
    .pagination .page-link {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        min-width: 40px;
        text-align: center;
    }

}

.price-select.selected{
    color: #FFF !important;
}

/*** breadcrumbs ***/
.crumbs .crumbs-last {
  color: rgba(255, 255, 255, 0.6);
}

/*** tooltip ***/
.tooltip-inner {
    --bs-tooltip-color:#FFF;
    --bs-tooltip-bg: #343a40;
}