/**
 *	Developped by Nicolas Devenet <nicolas[at]devenet.info>
 *	Code hosted on https://github.com/Devenet/AdventCalendar
 */

body {
	background: #f8f8f8;
}
body, .tooltip {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.background {
	margin: 0;
	padding: 20px 0;
	overflow: hidden;
	background: url(../img/tree_bark.png) left top repeat fixed;
}
.alternate-background { background: url(../img/wave_grid.png) left top repeat fixed; }
hr, .page-header { border-color: #cdcdcd; }
nav.navbar { margin-bottom: 0; }
.navbar { font-weight: 400; }
a.navbar-brand i { margin-right: 4px; font-size: 16px; }
p, .text { font-size: 20px; line-height: 25px; }
.text-center { text-align: center; }
.error { margin: 60px auto; width: 70%; font-size: 20px; }
.error h3 { font-size: 30px; }
.error a.illustration { display: block; margin-top: 50px; font-size: 60px; }
.error a.illustration-danger { color: #fed2d2; }
.error a.illustration-danger:hover { color: #b94a48; }

.day-row, .day-row span, .footer a, .error a.illustration, footer p a { -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s; transition:all linear 0.2s; }
.font-normal { font-weight: 400; }
.espace-top { margin-top: 20px; }
.espace-lg { margin-top: 50px; margin-bottom: 50px; }
a.rss-feed:hover { color: #FF7A4D !important; }

.days {
	max-width: 735px;
	margin: 20px auto;
}
.day-row {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 6px 8px;
	background: #bebebe;
	position: relative;
	overflow: hidden;
	border-radius: 2px;
}
a.day-row:hover { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); border-radius: 10px; }
.days div.day-row:hover span { color: #db4545; cursor: default; }
.day-row span {
	display: block;
	position: absolute;
	bottom: -8px;
	right: 1px;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	letter-spacing: -4px;
	color: #fff;
}
.day-row.active.day-color-1 { background: #49C7FF; }
.day-row.active.day-color-2 { background: #5FC462; }
.day-row.active.day-color-3 { background: #EDD360; }
.day-row.active.day-color-4 { background: #C48CE8; }

.day h1 {
	margin: 0 auto 6px;
	line-height: 100px;
	font-size: 60px;
	padding-left: 10px;
	float: left;
	max-width: 820px;
}
@media (min-width:768px) and (max-width: 992px) { .day h1 { max-width: 600px !important; } }
@media (min-width:1200px) { .day h1 { max-width: 1020px !important; } }
@media (max-width: 767px) { .day h1 { max-width: 100% !important; } }
.day h1 span { display: inline-block; line-height: 55px; }
.day h1 i { font-size: 50px; }
.day .day-row  { float: left; margin-bottom: 20px; }
.day img { margin: 15px auto 5px; font-size: 20px; line-height: 40px; }
.day p.legend { font-size: 25px; }
.day .text { margin: 30px auto 50px; }
.day .pager { font-weight: normal; margin-top: 40px; }

.about { margin-bottom: 20px; }
.about .page-header { margin: 20px 0; }
.about .page-header small { margin-left: 10px; }
.about h2 i { font-size: 25px; margin-right: 5px; }
.about h2 i.glyphicon-search { color: #49C7FF; }
.about h2 i.glyphicon-heart { color: #5FC462; }
.about h2 i.glyphicon-exclamation-sign { color: #C48CE8; }
.about h2 i.glyphicon-wrench { color: #EDD360; }
.about p { font-size: 20px; line-height: 24px; }
.about p code { font-size: 17px; font-family: Consolas, Monaco, Menlo, "Courier New", monospace; }
.about .problems strong { font-weight: 400; }

footer { margin: 0 0 20px 0; }
footer hr { margin-top: 0px; }
footer p { font-size: 1.5em; }
footer p a { color: #777; }
footer .notice { font-size:.8em; }
footer .notice a { color: #888; }