/* USE THIS FILE TO ADD ANY ADDITIONS/MODIFICATIONS
---------------------------------------- */


body#phpbb {
    background: url(https://www.racing4fun.de/wp-content/uploads/bg-body-img.jpg) 50% no-repeat fixed;
    padding-top: 0 !important;
    margin-top: 0 !important;
    background-color: #333;
    background-blend-mode: overlay;
}

#wrapper-navbar+.container-xxl {
    margin-top: 30px !important;
}

@media (min-width: 992px) {
    #wrapper-navbar+.container-xxl {
        margin-top: 200px !important;
    }
}

.forabg {
    background-color: #4d4d4d !important;
}


.postbody,
.bg-body {
    background-color: var(--bs-gray-200) !important;
    color: var(--bs-dark);
}


.postbody {
    border-top: 4px solid var(--bs-primary);
    border-bottom: 4px solid var(--bs-primary);
}



.postbody a,
.bg-body a {
    color: var(--bs-dark);
    text-decoration: underline;
}

.postbody a:hover {
    color: var(--bs-gray-700);
}


.small time,
.small a,
small a {
    font-size: .875em;
}


.page-link {
    background-color: var(--bs-primary);
    border: var(--bs-pagination-border-width) solid var(--bs-);
    color: var(--bs-white) !important;
}

.active>.page-link,
.page-link.active {
    background-color: var(--bs-white);
    border-color: var(--bs-pagination-active-b);
    color: var(--bs-dark) !important;
    z-index: 3;
}

.btn-outline-secondary {
    border-color: white;
    color: white;
}

.btn-outline-secondary:hover {
    border-color: rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .5);
}

a.text- {
    transition: all .33s linear;
}

a.text-:hover {
    color: var(--bs-gray) !important;
    text-decoration: underline !important;
}

.bg-body-secondary {
    border-color: var(--bs-border-color);
}

.bg-body-secondary:hover {
    border-color: var(--bs-white);
}

.postbody a .fa-fw {
    color: var(--bs-gray-400);
}

.postbody a .fa-fw:hover {
    color: var(--bs-white);
}

a {
    color: var(--bs-link-color);
    text-decoration: underline;
}

.text-dark td {
    color: var(--bs-dark) !important;
}

a.btn-primary {
    color: white;
    text-decoration: none !important;
}

a.btn-primary span {

    font-weight: normal !important;
}

.dropdown-container .dropdown-menu {
    background: var(--bs-dark);
    border-color: white;
}

.postlink {
    color: var(--bs-gray-800);
}

.postlink:hover {
    color: var(--bs-gray-700);
}

#HeaderNavigation .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPjxwYXRoIGQ9Ik01MCw4My4zMzNjLTIuMjkyLDAgLTQuMjUzLC0wLjgxNiAtNS44ODUsLTIuNDQ4Yy0xLjYzMiwtMS42MzIgLTIuNDQ4LC0zLjU5MyAtMi40NDgsLTUuODg1Yy0wLC0yLjI5MiAwLjgxNiwtNC4yNTMgMi40NDgsLTUuODg1YzEuNjMyLC0xLjYzMiAzLjU5MywtMi40NDggNS44ODUsLTIuNDQ4YzIuMjkyLC0wIDQuMjUzLDAuODE2IDUuODg1LDIuNDQ4YzEuNjMyLDEuNjMyIDIuNDQ4LDMuNTkzIDIuNDQ4LDUuODg1YzAsMi4yOTIgLTAuODE2LDQuMjUzIC0yLjQ0OCw1Ljg4NWMtMS42MzIsMS42MzIgLTMuNTkzLDIuNDQ4IC01Ljg4NSwyLjQ0OFptMCwtMjVjLTIuMjkyLDAgLTQuMjUzLC0wLjgxNiAtNS44ODUsLTIuNDQ4Yy0xLjYzMiwtMS42MzIgLTIuNDQ4LC0zLjU5MyAtMi40NDgsLTUuODg1Yy0wLC0yLjI5MiAwLjgxNiwtNC4yNTMgMi40NDgsLTUuODg1YzEuNjMyLC0xLjYzMiAzLjU5MywtMi40NDggNS44ODUsLTIuNDQ4YzIuMjkyLC0wIDQuMjUzLDAuODE2IDUuODg1LDIuNDQ4YzEuNjMyLDEuNjMyIDIuNDQ4LDMuNTkzIDIuNDQ4LDUuODg1YzAsMi4yOTIgLTAuODE2LDQuMjUzIC0yLjQ0OCw1Ljg4NWMtMS42MzIsMS42MzIgLTMuNTkzLDIuNDQ4IC01Ljg4NSwyLjQ0OFptMCwtMjVjLTIuMjkyLDAgLTQuMjUzLC0wLjgxNiAtNS44ODUsLTIuNDQ4Yy0xLjYzMiwtMS42MzIgLTIuNDQ4LC0zLjU5MyAtMi40NDgsLTUuODg1Yy0wLC0yLjI5MiAwLjgxNiwtNC4yNTMgMi40NDgsLTUuODg1YzEuNjMyLC0xLjYzMiAzLjU5MywtMi40NDggNS44ODUsLTIuNDQ4YzIuMjkyLC0wIDQuMjUzLDAuODE2IDUuODg1LDIuNDQ4YzEuNjMyLDEuNjMyIDIuNDQ4LDMuNTkzIDIuNDQ4LDUuODg1YzAsMi4yOTIgLTAuODE2LDQuMjUzIC0yLjQ0OCw1Ljg4NWMtMS42MzIsMS42MzIgLTMuNTkzLDIuNDQ4IC01Ljg4NSwyLjQ0OFoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+);
}

input.bg-white.text-dark,
.form-control,
.widget_archive select,
.widget_categories select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #f1f1f1;
    border: 1px solid #2d2d2d;
    border-radius: 0;
    color: var(--bs-dark);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}

input.bg-white.text-dark:focus,
input.bg-white.text-dark:focus-visible,
.form-control:focus,
.form-control:focus-visible,
.widget_archive select:focus,
.widget_categories select:focus {
    background-color: white;
    border-color: #f5be93;
    box-shadow: 0 0 0 0.25rem rgba(234, 124, 38, .25);
    color: var(--bs-dark);
    outline: 0;
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    width: 100%;
    background-color: #f1f1f1;
    border: 1px solid #2d2d2d;
    border-radius: 0;
    color: var(--bs-dark);
}

textarea.form-control-sm:focus,
textarea.form-control-sm:focus-visible {
    background-color: white;
    border-color: #f5be93;
    box-shadow: 0 0 0 0.25rem rgba(234, 124, 38, .25);
    color: var(--bs-dark);
    outline: 0;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    color: var(--bs-dark) !important;
    border-color: inherit;
}

.form-select-sm {
    font-size: .875rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-top: 0.25rem;
    background-color: #f1f1f1;
    color: var(--bs-dark);
}

.form-check-input {
    background-color: var(--bs-gray-200);
}

li input[name="subject"] {
    width: 100%;
}

.forum-icon-svg {
    width: calc(var(--bs-body-font-size)*1.2);
    height: calc(var(--bs-body-font-size)*1.2);
}

.active-subsection {
    border-bottom: 1px solid var(--bs-gray-200);
}

.active-subsection a {
    color: var(--bs-gray-500);
}

.footer-links-list ul li {
    margin-bottom: 15px;
    list-style-type: none;
    padding-left: 0;
}

#main-footer a {
    font-size: 14px !important;
}

.table-striped>tbody>tr>* {
    color: white !important;
}

#avatar_upload_file::file-selector-button {
    color: black;
}

form .bg-light {

    background-color: transparent !important;
}

form .bg-light .inner {
    border-top: 4px solid var(--bs-primary);
    border-bottom: 4px solid var(--bs-primary);
    color: black;
    padding: 8px;
    background: #E9ECEF;
}

form .bg-light .inner .btn.btn-sm.btn-outline-secondary {
    background-color: white;
    color: var(--bs-dark);
    border-color: var(--bs-primary);
}

form .bg-light .inner .btn.btn-sm.btn-outline-secondary:hover {
    background-color: var(--bs-primary);
    color: white;
}