@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; } 
        
        /* =========================================================
   RANDOMI CUSTOM THEME: PUNAINEN / MUSTA / HENGITTÄVÄ
   ========================================================= */

/* ------------ 1. TAUSTAN HENGITYS (musta -> harmaampi -> musta) ------------ */

@keyframes bgBreath {
    0%   { background-color: #000000; }
    50%  { background-color: #111111; }
    100% { background-color: #000000; }
}

html,
body,
body.body {
    background-color: #000000 !important;
    background-image: none !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    font-family: 'Lato', sans-serif !important;
    color: #ff1a1a !important;

    animation: bgBreath 4s ease-in-out infinite !important;
}


/* ------------ 2. TEKSTIN NEON-HENGITYS ------------ */
/* EI värinvaihtoa. Vain hehkun vahvistus ja vaimennus, eli ”hengitys”. */

@keyframes textBreath {
    0% {
        text-shadow:
            0 0 4px rgba(255,0,0,0.4),
            0 0 10px rgba(255,0,0,0.25),
            0 0 20px rgba(255,0,0,0.15),
            0 0 40px rgba(255,0,0,0.08);
        color: #ff1a1a;
    }
    50% {
        text-shadow:
            0 0 6px rgba(255,0,0,0.8),
            0 0 16px rgba(255,0,0,0.6),
            0 0 32px rgba(255,0,0,0.4),
            0 0 64px rgba(255,0,0,0.2);
        color: #ff3b3b;
    }
    100% {
        text-shadow:
            0 0 4px rgba(255,0,0,0.4),
            0 0 10px rgba(255,0,0,0.25),
            0 0 20px rgba(255,0,0,0.15),
            0 0 40px rgba(255,0,0,0.08);
        color: #ff1a1a;
    }
}

/* annetaan hengitys kaikelle tekstille oletuksena */
body.body,
body.body * {
    color: #ff1a1a !important;
    animation: textBreath 3s ease-in-out infinite !important;
}

/* nämä EI saa hengittää / välkkyä:
   - kuvat, videot, canvas, chart, ikonit, bootstrap-glyphiconit, jqplot tooltipit
*/
img,
video,
canvas,
#chart,
#chart *,
.jqplot-highlighter-tooltip,
.glyphicon,
.glyphicon * {
    animation: none !important;
    text-shadow: none !important;
    color: inherit !important;
}

/* status-tekstit (esim ”Online” joka oli vihreä)
   pakotetaan punaiseksi myös */
.green,
.status,
.badge,
.label,
.paikalla,
.verified {
    color: #ff1a1a !important;
    background: transparent !important;
    border-color: #7a0000 !important;
    box-shadow: none !important;
    animation: textBreath 3s ease-in-out infinite !important;
}


/* ------------ 3. PANEELIT, LAATIKOT, LISTAT ------------ */
/* Musta laatikko + punainen reuna + punainen hohto. */

.panel,
.panel-default,
.panel-heading,
.panel-body,
.box,
.modal-content,
.alert,
.popover,
.tooltip,
.notifi,
.dropdown-menu,
.list-group-item,
.navbar,
.navbar-inverse,
.navbar-fixed-top,
.nav,
.navbar-nav,
.profilemenu,
#left,
#center,
#footer,
#options,
#body,
.container,
.row,
.col-sm-12,
.col-sm-9,
.col-sm-3 {
    background-color: rgba(0,0,0,0.75) !important;
    background-image: none !important;
    border: 1px solid #4d0000 !important;
    box-shadow:
        0 0 15px rgba(255,0,0,0.18),
        0 0 40px rgba(255,0,0,0.08) !important;
    color: #ff1a1a !important;
}

/* paneelin otsikko erottuu vähän */
.panel-heading,
.header,
.ovari {
    background-color: rgba(0,0,0,0.9) !important;
    border-bottom: 1px solid #7a0000 !important;
    color: #ff1a1a !important;
    box-shadow:
        0 0 10px rgba(255,0,0,0.4),
        0 0 30px rgba(255,0,0,0.15) !important;
}

/* listojen rivit (Asetukset / Timantti-jäsenen lisät jne.) */
.list-group-item {
    background-color: rgba(0,0,0,0.6) !important;
    border: 1px solid #4d0000 !important;
    box-shadow:
        0 0 10px rgba(255,0,0,0.25),
        0 0 25px rgba(255,0,0,0.12) !important;
    color: #ff1a1a !important;
}

/* hover riville */
.list-group-item:hover,
.list-group-item:focus {
    border-color: #ff0000 !important;
    box-shadow:
        0 0 15px rgba(255,0,0,0.4),
        0 0 35px rgba(255,0,0,0.2) !important;
    color: #ff3b3b !important;
    background-color: rgba(0,0,0,0.7) !important;
}


/* ------------ 4. NAVIT, TABIT, LINKIT, NAPIT ------------ */

.navbar a,
.nav > li > a,
.profilemenu li > a,
a.btn,
.btn,
.btn-info,
.btn-default,
.btn-success,
.btn-danger,
.btn-warning,
.btn-xs,
.btn-sm,
.btn-full,
input[type=”submit”],
input[type=”button”],
button,
.dropdown-menu > li > a {
    background-color: rgba(0,0,0,0.6) !important;
    background-image: none !important;
    border: 1px solid #4d0000 !important;
    box-shadow:
        0 0 10px rgba(255,0,0,0.25),
        0 0 25px rgba(255,0,0,0.12) !important;
    color: #ff1a1a !important;
    text-decoration: none !important;
}

/* hover / focus */
.navbar a:hover,
.nav > li > a:hover,
.profilemenu li > a:hover,
a.btn:hover,
.btn:hover,
.dropdown-menu > li > a:hover,
.list-group-item a:hover {
    border-color: #ff0000 !important;
    color: #ff3b3b !important;
    box-shadow:
        0 0 15px rgba(255,0,0,0.4),
        0 0 35px rgba(255,0,0,0.2) !important;
    background-color: rgba(0,0,0,0.75) !important;
    text-decoration: none !important;
}

/* aktiivinen välilehti */
.nav > li.active > a,
.nav > li.active > a:focus,
.nav > li.active > a:hover,
.profilemenu li.active > a {
    background-color: rgba(0,0,0,0.9) !important;
    border-color: #ff0000 !important;
    color: #ff3b3b !important;
    box-shadow:
        0 0 20px rgba(255,0,0,0.6),
        0 0 45px rgba(255,0,0,0.3) !important;
}


/* ------------ 5. INPUTIT JA TEKSTIALUEET ------------ */

input,
textarea,
select,
.form-control,
input.form-control,
textarea.form-control,
select.form-control {
    background-color: rgba(0,0,0,0.6) !important;
    background-image: none !important;
    border: 1px solid #4d0000 !important;
    border-radius: 3px !important;
    box-shadow:
        0 0 10px rgba(255,0,0,0.25),
        0 0 25px rgba(255,0,0,0.12) !important;
    color: #ff1a1a !important;
    caret-color: #ff0000 !important;

    /* syke pois inputeista, se vaan ärsyttää kun kirjoittaa */
    animation: none !important;
    text-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    outline: none !important;
    border-color: #ff0000 !important;
    box-shadow:
        0 0 15px rgba(255,0,0,0.4),
        0 0 35px rgba(255,0,0,0.2) !important;
    background-color: rgba(0,0,0,0.75) !important;
    color: #ff3b3b !important;
}

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


/* ------------ 6. TAULUKOT (Vierailijat jne.) ------------ */

table,
tr,
td,
th {
    background-color: rgba(0,0,0,0) !important;
    background-image: none !important;
    border-color: #4d0000 !important;
    color: #ff1a1a !important;
    text-shadow: none !important;
}

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


/* ------------ 7. KUVAT JA MEDIA ------------ */
/* Kuvien ympärillä punaista kehystä ja hohtoa, mutta EI animaatiota. */

img,
video,
canvas,
#chart,
#chart * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: #4d0000 !important;
    text-shadow: none !important;
    animation: none !important;
    color: inherit !important;
}

img.thumb,
img#currentimage,
img.img-rounded {
    border: 1px solid #4d0000 !important;
    border-radius: 4px !important;
    box-shadow:
        0 0 10px rgba(255,0,0,0.3),
        0 0 25px rgba(255,0,0,0.15) !important;
}


/* ------------ 8. DROPDOWNIT / ILMOITUSLISTA ------------ */

.dropdown-menu,
.notifi {
    max-height: 80vh !important;
    overflow-y: auto !important;
    background-color: rgba(0,0,0,0.9) !important;
    border: 1px solid #7a0000 !important;
    box-shadow:
        0 0 20px rgba(255,0,0,0.5),
        0 0 60px rgba(255,0,0,0.2) !important;
    color: #ff1a1a !important;
}


/* ------------ 9. NAVBAR ORANSSIT TMS -> POIS ------------ */

.navbar-inverse,
.navbar-orange,
.navbar-fixed-top {
    background-color: rgba(0,0,0,0.8) !important;
    border-color: #4d0000 !important;
    background-image: none !important;
    box-shadow:
        0 0 15px rgba(255,0,0,0.4),
        0 0 40px rgba(255,0,0,0.15) !important;
}


/* ------------ 10. FOOTER ------------ */

#footer .panel-body,
#footer a {
    color: #ff1a1a !important;
    text-decoration: none !important;
    animation: textBreath 3s ease-in-out infinite !important;
}


/* ------------ 11. VALITUN TEKSTIN HIGHLIGHT ------------ */

::selection {
    color: #ff0000 !important;
    background: #ffffff !important;
}
 @media (max-width: 767px) {
.navbar-offcanvas {
  left: -250px;}
}