/* 
    Some overrides for the sb-ui bootstrap theme
    Created on : 08.05.2020, 14:59:17
    Author     : peter
*/

:root {
    --discord-blue: #738bd7;
    --bgdark-text-color: #f0e8e0;
}

/* icon stack */
.icon-stack-lg {
  height: 3rem;
  width: 3rem;
  font-size: 2.5rem;
}

.icon-stack-lg svg {
  height: 2.5rem;
  width: 2.5rem;
}

.icon-stack-xl {
  height: 5rem;
  width: 5rem;
  font-size: 4rem;
}
.icon-stack-xl svg {
  height: 4rem;
  width: 4rem;
}

.icon-stack-lg .svg-inline--fa {
    vertical-align: -.05rem;
}

/* mmrvyn */
.btn-home-login .svg-inline--fa {
    vertical-align: middle;
}
.text-discord {
    color: var(--discord-blue);
}

.headline-logo {
    height: 1.4rem;
}

/* cards */
.card-title {
    margin-bottom: 0;
}

/* font awesome */
.fa-ul { /*remove 2.5em margin-left*/
    margin-left: 0;
}
.fa-ul .fa-ul { /* adding indent margin-left for looped ul's */
    margin-left: 1.5rem;
}

.fa-ul:last-child {
    margin-bottom: .5rem;
}

/* navbar */
.navbar-marketing .navbar-brand img {
    height: 1.5rem;
}

.nav-link.nav-flag {
    color: #ffffffff !important;
    display: inline-block;
    font-size: 1.4rem;
    padding-top: .7rem;
}
.nav-link.nav-flag img {
    height: 1.4rem;
    margin-top: .35rem;
}

/* Colors */
.bg-dark .btn-primary {
    color: var(--bgdark-text-color);
}
.bg-dark .btn-secondary {
    color: var(--bg-dark-textcolor);
    background-color: var(--secondary);
/*    border-color: var(--secondary);*/
    border: 1px solid var(--primary);
}
.bg-dark .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: var(--bg-dark-textcolor);
    background-color: var(--primary);
    border-color:var(--primary);
}
.bg-dark .btn-secondary:focus, 
.bg-dark .btn-secondary.focus {
    background-color: var(--primary);
    border-color:var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary50);
}
.bg-dark .btn-secondary:not(:disabled):not(.disabled):active:focus,
.bg-dark .btn-secondary:not(:disabled):not(.disabled).active:focus, 
.bg-dark .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--primary50);
}
.page-header-dark {
    color: var(--bgdark-text-color);
}