/*    dP   dP                                                                  dP        */
/*    88   88                                                                  88        */
/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
/*                                                  88                                   */
/*                                                  dP					 */

/*		   		        Made by @gilbN					 */
/* 			      https://github.com/gilbN/theme.park			 */

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

/* TEXT */
body,
.table,
.navbar-dark .navbar-nav .nav-link,
.dropdown-menu,
.dropdown-item {
    color: var(--text);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--text-hover);
}

.card-header {
    color: #FFF;
}

.text-muted {
    color: var(--text-muted) !important;
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word;
    background: rgb(0 0 0 / 50%);
    padding: 2px 6px;
    border-radius: 5px;
}

/* LINKS */
a {
    color: var(--link-color);
    text-decoration: underline;
}

a:hover {
    color: var(--link-color-hover);
}

/* TOP NAV */
.bg-primary {
    background: rgba(0, 0, 0, .15) !important;
}

/* DROPDOWN MENU */
.dropdown-menu {
    background: var(--modal-bg-color);
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--text-hover);
    background-color: rgba(255, 255, 255, .1);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--text-muted);
    pointer-events: none;
    background-color: transparent;
}

.dropdown-divider {
    border-top: 1px solid rgb(255 255 255 / 15%);
}

/* TABLES */
.table-hover>tbody>tr:hover {
    color: var(--text-hover);
}
.table {
    border-color: rgb(255 255 255 / 20%);
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgb(255 255 255 / 50%);
}
/* BUTTONS */

.btn-light {
    color: var(--button-text);
    background-color: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .08);
}

.btn-light:hover {
    color: var(--button-text-hover);
    background-color: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .08);
}

.btn-primary,
.btn-outline-dark,
.btn-outline-secondary {
    color: var(--button-text);
    background-color: var(--button-color);
    border-color: var(--button-color);
}

.btn-primary:hover,
.btn-outline-dark:hover,
.btn-outline-secondary:hover {
    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
    border-color: var(--button-color-hover);
}

.btn-outline-primary,
.btn-outline-info {
    color: var(--button-color);
    border-color: var(--button-color);
}

.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: var(--button-text-hover);
    border-color: var(--button-color-hover);
    background-color: var(--button-color-hover);
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus,
.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .5);
}

/* FORMS */
.form-control {
    color: #fff;
    background-color: rgba(0, 0, 0, .15);
    border: 1px solid rgba(0, 0, 0, .15);
}

.form-control:focus {
    color: #fff;
    background: #1f1f1f;
    border-color: rgba(255, 255, 255, .15);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
}

textarea.form-control:focus {
    color: #fff;
    background: rgba(0, 0, 0, .35);
    border-color: rgba(255, 255, 255, .15);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: rgba(255, 255, 255, .15);
    opacity: 1;
}

.form-check-input:checked {
    background-color: rgb(var(--accent-color));
    border-color: rgb(var(--accent-color));
}

.form-check-input:focus {
    border-color: rgb(var(--accent-color));
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .25);
}
.dropzone {
    border: 2px dashed rgb(255 255 255 / 30%);
}
/* PAGINATION */
.page-link {
    color: var(--button-text);
    background-color: var(--button-color);
    border: 1px solid var(--button-color);
}

.page-link:hover {

    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
    border: 1px solid var(--button-color-hover);
}

.page-link:focus {
    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
    box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%);
}

.page-item.disabled .page-link {
    color: var(--text-muted);
    pointer-events: none;
    background-color: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .08);
}

/* CARDS */
.card {
    background-color: rgba(0, 0, 0, .25);
}

.image-card:hover .overlay {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* PLACEHOLDER TEXT */
::placeholder {
    color: var(--text) !important;
    opacity: .5 !important;
}

:-moz-placeholder {
    color: var(--text) !important;
    opacity: .5 !important;
}

:-ms-input-placeholder {
    color: var(--text) !important;
    opacity: .5 !important;
}

::-webkit-input-placeholder {
    color: var(--text) !important;
    opacity: .5;
}