@media (min-width: 1025px) {.dropdown-menu, .modal-content, .panel, .list-group-item {  background-color: rgba(250, 250, 250, 0.9); } }html, body {background: #264A66;background-attachment: inherit;}.nav-pills>li>a {color: #2f84c0 }body a {color: #1c4f73 } .nav-pills>li {background: rgba(235,243,249,0.9) } body .navbar-inverse .navbar-nav>li>a:hover, body .nav-pills .active a:hover, body .btn-info:hover, body a.list-group-item.active:hover {background-color: #13354d } body .smallertop {background-color: #266a9a } body .btn-info, body a.list-group-item.active, body .nav-pills .active a { background-color: #2F84C0 } body .panel, body .btn-info, body .btn-info:hover, body a.list-group-item.active, body .navbar-orange { border-color: #266a9a; } .dropdown-menu a { color: #333; } .panel-default>.panel-heading { background-color: #599dcd; } .blogTitle, a.list-group-item.active, body .navbar-orange .navbar-nav>li>a, .navbar-inverse .col-sm-12:not(.smallertop) .navbar-nav>li>a, .panel-default>.panel-heading, body .nav-pills .active a, .btn-info { color:#ffffff; } body a.navbar-brand .rezregular { color:#ffffff !important; } 
        
        /* =========================================================
   JUMALOLENTO - MAX BREATH + INVERT HOVER
   ehjä navbar, synkattu hengitys, koko sivun invert hoverissa
   ========================================================= */

:root {
    --breath-speed: 4.8s;
    --breath-ease: ease-in-out;

    --bg-low: #000000;
    --bg-high: #180000;

    --panel-low: rgba(0, 0, 0, 0.90);
    --panel-high: rgba(28, 0, 0, 0.98);

    --border-low: #420000;
    --border-mid: #8a0000;
    --border-high: #ff0000;

    --text-low: #5f0000;
    --text-mid: #c00000;
    --text-high: #ff1a1a;

    --panel-glow-low:
        0 0 8px rgba(255, 0, 0, 0.18),
        0 0 18px rgba(255, 0, 0, 0.06);

    --panel-glow-high:
        0 0 18px rgba(255, 0, 0, 0.42),
        0 0 40px rgba(255, 0, 0, 0.14);

    --text-glow-low:
        0 0 2px rgba(255, 0, 0, 0.14),
        0 0 6px rgba(255, 0, 0, 0.04);

    --text-glow-high:
        0 0 6px rgba(255, 0, 0, 0.62),
        0 0 16px rgba(255, 0, 0, 0.16);

    --title-glow-low:
        0 0 4px rgba(255, 0, 0, 0.18),
        0 0 10px rgba(255, 0, 0, 0.05);

    --title-glow-high:
        0 0 8px rgba(255, 0, 0, 0.90),
        0 0 22px rgba(255, 0, 0, 0.22);

    --img-glow-low:
        0 0 8px rgba(255, 0, 0, 0.20),
        0 0 18px rgba(255, 0, 0, 0.06);

    --img-glow-high:
        0 0 14px rgba(255, 0, 0, 0.36),
        0 0 30px rgba(255, 0, 0, 0.10);
}

/* =========================================================
   SYNKATUT ANIMAATIOT
   ========================================================= */

@-webkit-keyframes bloodBg {
    0%, 100% { background-color: var(--bg-low); }
    50%      { background-color: var(--bg-high); }
}
@keyframes bloodBg {
    0%, 100% { background-color: var(--bg-low); }
    50%      { background-color: var(--bg-high); }
}

@-webkit-keyframes metalPanel {
    0%, 100% {
        background-color: var(--panel-low);
        border-color: var(--border-low);
        box-shadow: var(--panel-glow-low);
    }
    50% {
        background-color: var(--panel-high);
        border-color: var(--border-high);
        box-shadow: var(--panel-glow-high);
    }
}
@keyframes metalPanel {
    0%, 100% {
        background-color: var(--panel-low);
        border-color: var(--border-low);
        box-shadow: var(--panel-glow-low);
    }
    50% {
        background-color: var(--panel-high);
        border-color: var(--border-high);
        box-shadow: var(--panel-glow-high);
    }
}

@-webkit-keyframes bloodText {
    0%, 100% {
        color: var(--text-low);
        text-shadow: var(--text-glow-low);
    }
    50% {
        color: var(--text-high);
        text-shadow: var(--text-glow-high);
    }
}
@keyframes bloodText {
    0%, 100% {
        color: var(--text-low);
        text-shadow: var(--text-glow-low);
    }
    50% {
        color: var(--text-high);
        text-shadow: var(--text-glow-high);
    }
}

@-webkit-keyframes hellTitle {
    0%, 100% {
        color: #8d0000;
        text-shadow: var(--title-glow-low);
    }
    50% {
        color: #ff0000;
        text-shadow: var(--title-glow-high);
    }
}
@keyframes hellTitle {
    0%, 100% {
        color: #8d0000;
        text-shadow: var(--title-glow-low);
    }
    50% {
        color: #ff0000;
        text-shadow: var(--title-glow-high);
    }
}

@-webkit-keyframes bloodFog {
    0%, 100% {
        opacity: 0.07;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        opacity: 0.18;
        -webkit-transform: scale(1.02);
                transform: scale(1.02);
    }
}
@keyframes bloodFog {
    0%, 100% {
        opacity: 0.07;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        opacity: 0.18;
        -webkit-transform: scale(1.02);
                transform: scale(1.02);
    }
}

@-webkit-keyframes hotImage {
    0%, 100% {
        border-color: var(--border-low);
        box-shadow: var(--img-glow-low);
    }
    50% {
        border-color: var(--border-high);
        box-shadow: var(--img-glow-high);
    }
}
@keyframes hotImage {
    0%, 100% {
        border-color: var(--border-low);
        box-shadow: var(--img-glow-low);
    }
    50% {
        border-color: var(--border-high);
        box-shadow: var(--img-glow-high);
    }
}

/* =========================================================
   TAUSTA
   ========================================================= */

html,
body {
    background:
        linear-gradient(rgba(0,0,0,0.90), rgba(22,0,0,0.98)),
        url('https://i.imgur.com/6UiVVpo.jpg') center center / cover fixed no-repeat !important;
    color: #ff0000 !important;
    min-height: 100%;
    width: 100%;
    -webkit-animation: bloodBg var(--breath-speed) var(--breath-ease) infinite !important;
            animation: bloodBg var(--breath-speed) var(--breath-ease) infinite !important;
}

body {
    position: relative !important;
    overflow-x: hidden !important;
}

body::before {
    content: ””;
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(circle at 50% 15%, rgba(255,0,0,0.14), transparent 26%),
        radial-gradient(circle at 50% 82%, rgba(200,0,0,0.09), transparent 34%);
    -webkit-animation: bloodFog var(--breath-speed) var(--breath-ease) infinite !important;
            animation: bloodFog var(--breath-speed) var(--breath-ease) infinite !important;
}

.navbar,
#body,
.main,
.panel,
.dropdown-menu,
.notifi,
.profilemenu,
#footer {
    position: relative !important;
    z-index: 1 !important;
}

/* =========================================================
   NAVBAR - RAKENNE EHYENÄ
   ========================================================= */

.navbar .container,
.navbar .row,
.navbar .col-sm-12,
.navbar-header,
.collapse2,
.navbar-collapse2,
.smallertop .collapse,
.smallertop .navbar-collapse,
.navbar-nav,
.navbar-nav > li,
.nav,
.nav > li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-animation: none !important;
            animation: none !important;
}

.navbar,
.navbar-inverse,
.navbar-orange,
.navbar-fixed-top,
.smallertop {
    background: rgba(0,0,0,0.88) !important;
    border-top: 1px solid var(--border-mid) !important;
    border-bottom: 1px solid var(--border-high) !important;
    box-shadow:
        0 0 12px rgba(255,0,0,0.26),
        0 0 28px rgba(255,0,0,0.08) !important;
    -webkit-animation: metalPanel var(--breath-speed) var(--breath-ease) infinite !important;
            animation: metalPanel var(--breath-speed) var(--breath-ease) infinite !important;
}

.navbar-nav > li > a,
.nav > li > a,
.nav-pills > li > a,
.profilemenu > li > a,
.navbar .dropdown-toggle,
.navbar .navbar-brand,
.btn,
.btn-default,
.btn-info,
.btn-success,
.btn-danger,
.btn-warning,
.btn-xs,
.btn-sm,
.btn-full {
    background: rgba(0,0,0,0.94) !important;
    border: 1px solid var(--border-low) !important;
    box-shadow: var(--panel-glow-low) !important;
    color: #ff0000 !important;
    -webkit-animation:
        metalPanel var(--breath-speed) var(--breath-ease) infinite,
        bloodText var(--breath-speed) var(--breath-ease) infinite !important;
            animation:
        metalPanel var(--breath-speed) var(--breath-ease) infinite,
        bloodText var(--breath-speed) var(--breath-ease) infinite !important;
}

.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.profilemenu li.active > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.nav > li > a:hover,
.nav > li > a:focus,
.btn:hover,
.btn:focus {
    background: rgba(20,0,0,0.98) !important;
    border-color: var(--border-high) !important;
    color: #ffffff !important;
    box-shadow:
        0 0 18px rgba(255,0,0,0.50),
        0 0 40px rgba(255,0,0,0.16) !important;
}

.navbar input,
.navbar .form-control,
#search_box,
#search_box2 {
    background: #000000 !important;
    border: 1px solid var(--border-mid) !important;
    color: #ff0000 !important;
    box-shadow:
        0 0 8px rgba(255,0,0,0.18),
        inset 0 0 8px rgba(255,0,0,0.05) !important;
    -webkit-animation: none !important;
            animation: none !important;
}

/* =========================================================
   PANEELIT
   ========================================================= */

.panel,
.panel-default,
.panel-body,
.panel-heading,
.box,
.dropdown-menu,
.modal-content,
.notifi,
.list-group-item,
.thumbnail,
.outline,
#body,
#left,
#center,
#options,
#footer .panel,
#footer .panel-body {
    background: var(--panel-low) !important;
    border: 2px solid var(--border-low) !important;
    box-shadow: var(--panel-glow-low) !important;
    -webkit-animation: metalPanel var(--breath-speed) var(--breath-ease) infinite !important;
            animation: metalPanel var(--breath-speed) var(--breath-ease) infinite !important;
}

.panel-default > .panel-heading,
.panel-heading,
.header,
.ovari {
    background: rgba(8,0,0,0.94) !important;
    border-color: var(--border-high) !important;
}

.container,
.row,
.col-sm-12,
.col-sm-9,
.col-sm-8,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-md-10,
.col-md-2,
.col-xs-12,
.col-xs-6,
.col-xs-4,
.col-xs-3 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-animation: none !important;
            animation: none !important;
}

/* =========================================================
   TEKSTIT
   ========================================================= */

body,
body a,
body p,
body li,
body span,
body small,
body strong,
body b,
body i,
body em,
body h1,
body h2,
body h3,
body h4,
body h5,
body td,
body th,
body dd,
body dt,
body label,
.panel-body,
.panel-body *,
.panel-heading,
.panel-heading *,
.list-group-item,
.list-group-item *,
.dropdown-menu a,
.friendinfo,
.friendinfo *,
.blogTitle,
.imagetitle,
.imagetitle *,
.infolist,
.infolist *,
.comment,
.comment *,
#footer,
#footer * {
    -webkit-animation: bloodText var(--breath-speed) var(--breath-ease) infinite !important;
            animation: bloodText var(--breath-speed) var(--breath-ease) infinite !important;
}

.usertitle,
.usertitle *,
.blogTitle,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5 {
    -webkit-animation: hellTitle var(--breath-speed) var(--breath-ease) infinite !important;
            animation: hellTitle var(--breath-speed) var(--breath-ease) infinite !important;
}

.usertitle span,
.usertitle span[style] {
    background: transparent !important;
    color: #ff0000 !important;
    text-decoration: none !important;
}

a:link { color: #ff2a2a !important; }
a:visited { color: #b80000 !important; }
a:hover { color: #ffffff !important; }
a:active { color: #ff0000 !important; }

/* =========================================================
   KUVAT
   ========================================================= */

img {
    border: 3px ridge #8b0000 !important;
    -webkit-animation: hotImage var(--breath-speed) var(--breath-ease) infinite !important;
            animation: hotImage var(--breath-speed) var(--breath-ease) infinite !important;
}

img:hover {
    transform: none !important;
}

/* =========================================================
   INPUTIT
   ========================================================= */

input,
textarea,
select,
.form-control,
input.form-control,
textarea.form-control,
select.form-control,
input[type=”text”],
input[type=”search”],
input[type=”password”],
input[type=”submit”],
input[type=”button”],
button {
    background: #000000 !important;
    color: #ff0000 !important;
    border: 1px solid #7a0000 !important;
    box-shadow:
        0 0 6px rgba(255,0,0,0.16),
        inset 0 0 8px rgba(255,0,0,0.04) !important;
    text-shadow: none !important;
    -webkit-animation: none !important;
            animation: none !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    outline: none !important;
    background: #0b0000 !important;
    border-color: #ff0000 !important;
    color: #ff0000 !important;
    box-shadow:
        0 0 12px rgba(255,0,0,0.30),
        0 0 24px rgba(255,0,0,0.08) !important;
}

input::placeholder,
textarea::placeholder {
    color: #980000 !important;
    opacity: 1 !important;
}

input[type=”checkbox”],
input[type=”radio”] {
    accent-color: #ff0000 !important;
}

/* =========================================================
   MEDIA / CHARTIT / ICONIT
   ========================================================= */

video,
canvas,
svg,
#chart,
#chart *,
.glyphicon,
.glyphicon *,
.thumb,
.thumb * {
    text-shadow: none !important;
}

#chart,
#chart * {
    -webkit-animation: none !important;
            animation: none !important;
}

/* =========================================================
   PUNA/MUSTA VÄRIKÄÄNTÖ HOVERISSA
   musta -> punainen
   punainen -> musta
   ========================================================= */

/* kun hoveroidaan klikattavaa asiaa, koko teeman värit vaihtuvat */
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) {
    background:
        linear-gradient(rgba(255,0,0,0.92), rgba(120,0,0,0.98)),
        url('https://i.imgur.com/6UiVVpo.jpg') center center / cover fixed no-repeat !important;
}

/* isot taustat ja laatikot: musta -> punainen */
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .navbar,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .navbar-inverse,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .navbar-orange,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .navbar-fixed-top,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) #body,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .panel,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .panel-default,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .panel-body,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .panel-heading,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .box,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .dropdown-menu,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .notifi,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .list-group-item,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .thumbnail,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .outline,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .btn,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .nav > li > a,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .nav-pills > li > a,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) .profilemenu > li > a {
    background: #ff0000 !important;
    background-image: none !important;
    border-color: #000000 !important;
    box-shadow:
        0 0 14px rgba(0,0,0,0.36),
        0 0 30px rgba(0,0,0,0.14) !important;
}

/* tekstit: punainen -> musta */
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
),
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) *,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) a,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) p,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) span,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) h1,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) h2,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) h3,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) h4,
body:has(
    a:hover,
    .btn:hover,
    button:hover,
    input[type=”submit”]:hover,
    input[type=”button”]:hover,
    .dropdown-toggle:hover,
    .list-group-item:hover,
    .thumbnail:hover,
    .navbar-brand:hover,
    .nav > li > a:hover,
    .nav-pills > li > a:hover,
    .profilemenu > li > a:hover
) h5 {
    color: #000000 !important;
    text-shadow:
        0 0 4px rgba(0,0,0,0.18),
        0 0 10px rgba(0,0,0,0.06) !important;
}

/* hoveroitu kohta takaisin normaaliksi
   eli muu sivu kääntyy, hoveroitu jää punamustaksi */
a:hover,
.btn:hover,
button:hover,
input[type=”submit”]:hover,
input[type=”button”]:hover,
.dropdown-toggle:hover,
.list-group-item:hover,
.thumbnail:hover,
.navbar-brand:hover,
.nav > li > a:hover,
.nav-pills > li > a:hover,
.profilemenu > li > a:hover {
    background: rgba(0,0,0,0.94) !important;
    background-image: none !important;
    border-color: #ff0000 !important;
    color: #ff0000 !important;
    box-shadow:
        0 0 18px rgba(255,0,0,0.50),
        0 0 40px rgba(255,0,0,0.16) !important;
    text-shadow:
        0 0 6px rgba(255,0,0,0.62),
        0 0 16px rgba(255,0,0,0.16) !important;
    position: relative !important;
    z-index: 999999 !important;
}

/* myös hoveroidun kohdan sisältö takaisin normaaliksi */
a:hover *,
.btn:hover *,
button:hover *,
input[type=”submit”]:hover *,
input[type=”button”]:hover *,
.dropdown-toggle:hover *,
.list-group-item:hover *,
.thumbnail:hover *,
.navbar-brand:hover *,
.nav > li > a:hover *,
.nav-pills > li > a:hover *,
.profilemenu > li > a:hover * {
    color: #ff0000 !important;
    text-shadow:
        0 0 6px rgba(255,0,0,0.62),
        0 0 16px rgba(255,0,0,0.16) !important;
}

/* jos haluat että myös hoveroitu kohta kääntyy mukana,
   poista kaksi blokkia tästä alaspäin takaisin ylöspäin */
/* =========================================================
   MUUT
   ========================================================= */

.oldline:nth-child(even) {
    background: rgba(0,0,0,0.76) !important;
}

body .dropdown-menu.notifi a {
    color: #ff4a4a !important;
}

.green,
.status,
.badge,
.label,
.paikalla,
.verified,
.admin,
.admin a {
    color: #ff0000 !important;
    background: transparent !important;
    border-color: #7a0000 !important;
    box-shadow: none !important;
}

table,
tr,
td,
th,
dl,
dt,
dd {
    background: transparent !important;
    border-color: #520000 !important;
    color: #ff0000 !important;
}

.panel-body table tr td {
    border-top: 1px solid #520000 !important;
}

* {
    cursor: auto !important;
}

::selection {
    color: #ff0000 !important;
    background: #ffffff !important;
}

@media (max-width: 767px) {
    .navbar-offcanvas {
        left: -250px;
    }
} @media (max-width: 767px) {
.navbar-offcanvas {
  left: -250px;}
}