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


/*

    COLORS

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

    --bg-color-head-1:#267;
    --bg-color-head-2:#69a;

    --color-a:#369;
    --color-a-hover:#59c;

    --color-h3:#c35;
    --color-h4:#69a;
}
/*

    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);} Original*/
h3,h3>a:link, h3>a:visited{color: black;}
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);
}