.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-transform: unset;
}

.smaller {
    font-size: .75em;
}

.link-bar {
    left: 0;
    position: fixed;
    z-index: 80;
    bottom: 10px;
    max-width: 60px;
}
.link-bar a {
    width:40px; height:40px;
}
.link-bar img {
    width:40px;
}
@media (max-width : 767px) {
    .link-bar {
        left: unset;
        right: 0;
        width: 25px;
        text-align: right;
    }
    .link-bar a {
        width:20px; height:20px;
    }
    .link-bar img {
        width:20px;
    }
}
.popover-header {
    text-transform: unset!important;
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
}
.popover-body {
    padding: 0.5rem;
}

.service--index .banner,
.backend--index .banner {
    position: relative;
}
.service--index .banner:after,
.backend--index .banner:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/assets/images/banner.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity : 0.3;
    z-index: -1;
}

.backend--index .banner:after {
    z-index: 0;
}


.category-tree a {
    text-decoration: none;
    color: #333;
}
.category-tree a.active {
    color: #000;
    font-weight: bold;
}
.category-tree a:hover {
    color: #000;
    text-decoration: underline;
}


footer a {
    text-decoration: none;
    color: #333;
}
footer a:hover {
    text-decoration: underline;
    color: #000;
}

.font-size-xs {
    font-size: .675em;
}
.font-size-sm {
    font-size: .875em;
}

.pagination .page-item.active .page-link:hover {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #1a1a1a;
}


.btn-primary:hover {
    color: #fff;
    background-color: #555;
    border-color: #151515;
}


.card-title.h1,
.card-title.h2,
.card-title.h3,
.card-title.h4,
.card-title.h5,
.card-title.h6 {
    text-transform: unset;
    letter-spacing: unset;
}


.breadcrumb-item a {
    text-decoration: none;
}
.breadcrumb-item a:hover {
    text-decoration: underline;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.35rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.35rem;
}


.article-image {
    max-height: 350px;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #ddd;
}

.navbar-dark .navbar-nav .nav-link:hover {
}

.bg-light-gray {
    background-color: #dddddd;
}

.category-tree .accordion-button {
    font-size: unset;
    color: unset;
}
.category-tree .accordion-button:focus {
    border: 0;
}
.category-tree .accordion-button:not(.collapsed) {
    background-color: unset;
}

.table-sm td,
.table-sm th {
    padding: 0.5rem;
}

/*
@media (prefers-color-scheme: dark) {
    body {
        background-color: #555555;
        color: #dddddd;
    }
}*/

/*
========================================================================================================================
DEBUG
========================================================================================================================
 */
.debug body::before {
    content: "xs";
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999999;
    background-color: #000;
    color: #fff;
}
@media (max-width : 575px) { .debug body::before{content: "xs";} }
@media (min-width : 576px) { .debug body::before{content: "sm";} }
@media (min-width : 768px) { .debug body::before{content: "md";} }
@media (min-width : 992px) { .debug body::before{content: "lg";} }
@media (min-width : 1200px) { .debug body::before{content: "xl";} }
@media (min-width : 1400px) { .debug body::before{content: "xxl";} }