/*  Copyright 2014 Kohu
    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;
}

.highlite {
    color: #d67b96;
}

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

h1 {
    color: #FFF;
}

.subtitle {
    color: #FFF;
}

.searchBar::-webkit-input-placeholder {
    color: rgba(0,0,0,0);
}
.searchBar {
    color: rgba(0,0,0,0);
    border-color: lightgrey;
}
.searchBar:hover {
    box-shadow: 0 0 5px #FFF;
    border-color: #FFF;
}
.searchBar:focus::-webkit-input-placeholder{
    color: rgba(100,100,100,1);
}
.searchBar:focus {
    color: rgba(100,100,100,1);
}
.google {
    background-image: url('../images/google.png');
}
.vg {
    background-image: url('../images/vg.png');
}
.youtube {
    background-image: url('../images/youtube.png');
}
.wikipedia {
    background-image: url('../images/wikipedia.jpg');
}

/* Grey button */
.buttonGrey > a,
.buttonGrey > ul {
    border-color: #373B41;
}
.buttonGrey > a,
.buttonGrey > ul > li > a {
    color: #DDD;
    background: #1D1F21;
}
.buttonGrey > a:after {
    border-left-color: #373B41;
}
.buttonGrey:hover > a,
.buttonGrey > ul > li > a:hover {
    color: #d67b96;
    background: #A3556E;
}
.buttonGrey:hover > a,
.buttonGrey:hover > ul {
    border-color: #70293b;
}
.buttonGrey:hover > a:after {
    border-left-color: #d67b96;
}



/* 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: #DDD;
}

/* Row pink highlite */
.columnPink:hover > a,
.columnPink:hover > ul > li:before {
    color: #A3556E;
}
.columnPink:hover > a {
    text-shadow: 0 0.5px #A3556E;
}
.columnPink > ul > li > a:hover {
    color: #A3556E;
}