/*
 * ___________________________________________________________________________
 * 
 *        Axels theme
 *        _______      _______                    __       
 *       |   _   |    |_     _|.-----.--.--.----.|  |--.   
 *       |       |      |   |  |  _  |  |  |  __||     |   
 *       |___|___|      |___|  |_____|_____|____||__|__|   
 *        _______   ___      _______ __                    
 *       |       |.'  _|    |     __|  |.---.-.-----.-----.
 *       |   -   ||   _|    |    |  |  ||  _  |__ --|__ --|
 *       |_______||__|      |_______|__||___._|_____|_____|
 * ___________________________________________________________________________
 * 
 * B L U E
 * ___________________________________________________________________________
 * 
*/

/*

    COLORS

*/
:root {
    --bg-color-top:#ace;
    --bg-color-bottom:#edc;

    --bg-color-head-1:#247;
    --bg-color-head-2:#68a;

    --color-a:#349;
    --color-a-hover:#89d;

    --color-h3:#ff6d00;
    --color-h4:#68b;
}
/*

    APPLY COLORS

*/
body {
    background: linear-gradient(var(--bg-color-top),#fff 40%,var(--bg-color-bottom)) fixed;
}
#head {
    background: var(--bg-color-head-1);
    background: linear-gradient(10deg, var(--bg-color-head-1), var(--bg-color-head-2),var(--bg-color-head-1));
}


a:link, a:visited {
    color: var(--color-a);
}

a:hover {
    color: var(--color-a-hover);
}

h3,h3>a:link, h3>a:visited{color: var(--color-h3);}
h4{color: var(--color-h4);}

.column a.active, .column a.active {
    border-right-color: var(--color-h4);
}

#comments li.comment-admin {
    border-color: var(--color-h4);
}

.buttonbar {
    border-top: 2px solid var(--bg-color-head-1);
}