/*  Copyright 2014 gokoururi
    This work is free. You can redistribute it and/or modify it under the
    terms of the Do What The Fuck You Want To Public License, Version 2,
    as published by Sam Hocevar. See the COPYING file for more details. */

body {
    background: #1D1F21;
}

.name-highlight {
    color: #d67b96;
}

main {
    background-color: #282A2E;
    border-color: #373B41;
}

h1 {
    color: #FFF;
}

.subtitle {
    color: #FFF;
}

.searchBar {
    color: rgba(0,0,0,0);
    border-color: lightgrey;
}
.searchBar:hover {
    box-shadow: 0 0 5px #FFF;
    border-color: #FFF;
}

.searchBar::-webkit-input-placeholder { color: rgba(0,0,0,0); }
.searchBar:-moz-placeholder           { color: rgba(0,0,0,0); opacity: 1; } /* Fx 4-18 */
.searchBar::-moz-placeholder          { color: rgba(0,0,0,0); opacity: 1; } /* Fx 19+ */
.searchBar:-ms-input-placeholder      { color: rgba(0,0,0,0); } /* IE 10+ */

.searchBar:focus::-webkit-input-placeholder { color: rgba(100,100,100,1); }
.searchBar:focus:-moz-placeholder           { color: rgba(100,100,100,1); opacity: 1; } /* Fx 4-18 */
.searchBar:focus::-moz-placeholder          { color: rgba(100,100,100,1); opacity: 1; } /* Fx 19+ */
.searchBar:focus:-ms-input-placeholder      { color: rgba(100,100,100,1); } /* IE 10+ */
/* Specyfing opacity for Fx is only resetting the defaults. Alpha from rgba will still work. */

.searchBar:focus {
    color: rgba(100,100,100,1);
}

.search_google {
    background-image: url('images/icons/google.png');
}
.search_youtube {
    background-image: url('images/icons/youtube.png');
}
.search_wikipedia {
    background-image: url('images/icons/wikipedia.jpg');
}

/* Red button */
.button_red > a,
.button_red > ul {
    border-color: #b34a44;
}
.button_red > a,
.button_red > ul > li > a {
    color: #81A2BE;
    background: #1D1F21;
}
.button_red > a:after {
    border-left-color: #b34a44;
}
.button_red:hover > a,
.button_red > ul > li > a:hover {
    color: #ec6962;
    background: #b34a44;
}
.button_red:hover > a,
.button_red:hover > ul {
    border-color: #b34a44;
}
.button_red:hover > a:after {
    border-left-color: #ec6962;
}

/* Green button */
.button_green > a,
.button_green > ul {
    border-color: #91b476;
}
.button_green > a,
.button_green > ul > li > a {
    color: #43644a;
    background: #729a64;
}
.button_green > a:after {
    border-left-color: #91b476;
}
.button_green:hover > a,
.button_green > ul > li > a:hover {
    color: #269926;
    background: #67E667;
}
.button_green:hover > a,
.button_green:hover > ul {
    border-color: #67E667;
}
.button_green:hover > a:after {
    border-left-color: #269926;
}
/* Blue Button */
.button_blue > a,
.button_blue > ul {
    border-color: #557ebb;
}
.button_blue > a,
.button_blue > ul > li > a {
    color: #81A2BE;
    background: #1d1f21;
}
.button_blue > a:after {
    border-left-color: #557ebb;
}
.button_blue:hover > a,
.button_blue > ul > li > a:hover {
    color: #94baf0;
    background: #557ebb;
}
.button_blue:hover > a,
.button_blue:hover > ul {
    border-color: #557ebb;
}
.button_blue:hover > a:after {
    border-left-color: #94baf0;
}
/* Pink Button */
.button_pink > a,
.button_pink > ul {
    border-color: #c86482;
}
.button_pink > a,
.button_pink > ul > li > a {
    color: #81A2BE;
    background: #1d1f21;
}
.button_pink > a:after {
    border-left-color: #c86482;
}
.button_pink:hover > a,
.button_pink > ul > li > a:hover {
    color: #f6a0ba;
    background: #c86482;
}
.button_pink:hover > a,
.button_pink:hover > ul {
    border-color: #c86482;
}
.button_pink:hover > a:after {
    border-left-color: #f6a0ba;
}

/* Purple Button */
.button_purple > a,
.button_purple > ul {
    border-color: #866797;
}
.button_purple > a,
.button_purple > ul > li > a {
    color: #81A2BE;
    background: #1d1f21;
}
.button_purple > a:after {
    border-left-color: #866797;
}
.button_purple:hover > a,
.button_purple > ul > li > a:hover {
    color: #baa4c5;
    background: #866797;
}
.button_purple:hover > a,
.button_purple:hover > ul {
    border-color: #866797;
}
.button_purple:hover > a:after {
    border-left-color: #baa4c5;
}
/* Yellow Button */
.button_yellow > a,
.button_yellow > ul {
    border-color: #e9ca44;
}
.button_yellow > a,
.button_yellow > ul > li > a {
    color: #81A2BE;
    background: #1d1f21;
}
.button_yellow > a:after {
    border-left-color: #e9ca44;
}
.button_yellow:hover > a,
.button_yellow > ul > li > a:hover {
    color: #988533;
    background: #e9ca44;
}
.button_yellow:hover > a,
.button_yellow:hover > ul {
    border-color: #e9ca44;
}
.button_yellow:hover > a:after {
    border-left-color: #988533;
}
/* column standard colors */
.column {
    border-right-color: #373B41;
}
.column > a,
.column > ul > li:before {
    color: #1D1F21;
}
.column > a {
    text-shadow: 0 0.5px #373B41;
}
.column > ul > li > a {
    color: #81A2BE;
}

/* purple column highlight */
.column_purple:hover > a,
.column_purple:hover > ul > li:before {
    color: #3c3a5c;
}
.column_purple:hover > a {
    text-shadow: 0 0.5px #b9b6d9;
}
.column_purple > ul > li > a:hover {
    color: #b9b6d9;
}

/* pink column highlight */
.column_pink:hover > a,
.column_pink:hover > ul > li:before {
    color: #70293b;
}
.column_pink:hover > a {
    text-shadow: 0 0.5px #d67b96;
}
.column_pink > ul > li > a:hover {
    color: #d67b96;
}

/* green column highlight */
.column_green:hover > a,
.column_green:hover > ul > li:before {
    color: #43644a;
}
.column_green:hover > a {
    text-shadow: 0 0.5px #729a64;
}
.column_green > ul > li > a:hover {
    color: #91b476;
}