/*!
  * custom.css RoyalRP
  * Copyright 2023 | Justin Dittmer | https://jdittmer.dev
  * Diese Datei ist ausschliesslich fuer das Projekt RoyalRP erstellt worden.
  */

body::-webkit-scrollbar {
    width: 4px;
    border-color: transparent;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey; 
}

body::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.25); 
}

body::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.5); 
}

@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2) {
        video {
            display:none;
        }
    }

/* DARK */
body#theme-dark {
    background-color: #191919;
}

body#theme-dark > #preloader {
    background: rgb(25 25 25);
}

body#theme-dark > header > nav.nav-scroll {
    background: #000 !important;
}

body#theme-dark > nav.nav-scroll {
    background: #000 !important;
}

body#theme-dark > h1,h2,h3,h4,h5,h6 {
    color: #757575;
}

body#theme-dark > section.blog > div > div.row.justify-content-center > div > div > div.content > div.bg-medium-gray {
    background-color: #a9a9a9 !important;
}

body#theme-dark > section.blog > div > div.row.justify-content-center > div > div.item {
    box-shadow: 0px 5px 35px 0px rgb(255 255 255 / 15%);
}

body#theme-dark > section.blog > div > div.row.justify-content-center > div > div > div.content {
    background: #404040;
    color: #a9a9a9;
}

body#theme-dark > #team > div.container > div:nth-child(2) > div > div.col-md-12.items.graphic.develop > div > div.item-img-overlay {
    background: rgb(25 25 25 / 90%);
}

a:hover, a:active {
    color: #ffe175;
}

.theme-color {
    color: #3b6cb3;
}

.navbar .navbar-nav .nav-link.active {
    color: #ffe175;
}

.navbar .navbar-nav .nav-link:hover {
    color: #ffe175;
}

.navbar .navbar-nav .nav-link {
    color: #3b6cb3;
}

.header .arrow i:after {
    background: #ffe175 !important;
}

.header .arrow a :hover {
    color: #3b6cb3 !important;
}

.bg-theme {
    background-color: #ffe175 !important;
}

.btn {
    background: #ffe175 !important;
    border-color: #ffe175 !important;
    color: #191919 !important;
}

.btn:hover, .btn:active {
    background: #3b6cb3 !important;
    border-color: #3b6cb3 !important;
    color: #fff !important;
}

.portfolio .item-img .fa {
    background: #ffe175;
    border: 1px solid #ffe175;
    color: #fff;
}

.portfolio .item-img .fa:hover {
    background: #fff;
    color: #ffe175;
}

.numbers .item .icon {
    color: #ffe175;
}

.footer-social a:hover i {
    color: #ffe175;
}

.footer-bottom a:hover {
    color: #ffe175;
}