/*
 * ___________________________________________________________________________
 * 
 *        Axels theme
 *        _______      _______                    __       
 *       |   _   |    |_     _|.-----.--.--.----.|  |--.   
 *       |       |      |   |  |  _  |  |  |  __||     |   
 *       |___|___|      |___|  |_____|_____|____||__|__|   
 *        _______   ___      _______ __                    
 *       |       |.'  _|    |     __|  |.---.-.-----.-----.
 *       |   -   ||   _|    |    |  |  ||  _  |__ --|__ --|
 *       |_______||__|      |_______|__||___._|_____|_____|
 * ___________________________________________________________________________
 * 
 * W H I T E
 * ___________________________________________________________________________
 * 
*/

/*

    COLORS

*/
:root {
    --bg-color-top:#e8eaf0;
    --bg-color-bottom:#f8f8fa;


    --bg-color-head-1:#d8e6f0;
    --bg-color-head-2:#f0f8fa;

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

    --color-h3:#ff6d00;
    --color-h3:#778;
    --color-h4:#556;
    --color-h4-icon:#468;

    --bg-color-col-active:#e0e8f0;
    --bg-color-col-mark:#f0f4f8;
}
/*

    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));
    border-bottom: 0px solid rgba(0,0,0,0.1);
}
#head input {
	background: none;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	color: #000;
}

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); font-size: 140%;}
h4{color: var(--color-h4);}
h4::before {
    color:var(--color-h4-icon);
}

.column a.active, .column a.active {
    border-right: none;
	background: linear-gradient(90deg, rgba(0,40,120,0.1), rgba(0,0,0,0.02)  );
	background: var(--bg-color-col-active);
    
    border-right-color: var(--color-h4);
}
.column a.mark {
	background: var(--bg-color-col-mark);
	border-right: none;
}
#comments li.comment-admin {
    border-color: var(--color-h4);
}

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

/* ----- overrides ----- */
#body-container {
	box-shadow: none;
}

div.column .wrapper > div {
	border: 0px solid #eee;
	border-top: 0px solid var(--bg-color-head-2);
	box-shadow: none;
}
#head{
    color: #778;
}
#head a {
	color: var(--color-a);
	text-decoration: none;
}
.subtitle {
	color: #234;
}
.entry {
	box-shadow: none;
    padding: 0 1em;
}
.entry:hover {
	box-shadow: none;
}

.column h4 {
	border-bottom: none;
}
div#footer{
    background: none;
}