/* CSS Document */

.year-month-archive {
	list-style: none;
}
.year-month-archive .year-months {
	margin: 0;
	padding: 0;
}
.year-month-archive .year {
	display: block;
	padding: 0.2em 1em;
	font-size: 0.9em;
	margin: 0;
}
.year-month-archive .months {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.year-month-archive .months li {
	margin: 0;
	padding: 0;
	flex: 1 0 16%;
	font-size: 0.9em;
	overflow: hidden;
}
.year-month-archive .months li a {
	display: block;
	padding: 0.7em 0.8em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.category-year-month-archive .year,
.category-year-month-archive .show,
.category-year-month-archive .months li a {
	color: #666;
	background-color: #FFF;
}
.category-year-month-archive .year-months:hover .year,
.category-year-month-archive .year-months.selected .year,
.category-year-month-archive .year:hover,
.category-year-month-archive .show:hover,
.category-year-month-archive .months li:hover a,
.category-year-month-archi.year-month-archive .countve .months li a:hover {
	color: #fff;
	background-color: #444;
	border-color: #444;
}
.category-year-month-archive .year.current,
.category-year-month-archive .year.current:hover,
.category-year-month-archive .year.selected,
.category-year-month-archive .year.current:hover,
.category-year-month-archive .month.current a,
.category-year-month-archive .month.current:hover a {
	color: #FFFFFF;
	border-color: #FF0000;
	background-color: #FF0000;
}
#pagination-year-month {
	margin: 30px 0 30px 0;
	font-size: 12px;
	display: inline-block;
	width: 100%;
}
#pagination-year-month.with-nav {
	margin: 30px 0 10px 0;
}
#pagination-year-month.with-nav.below {
	margin: -10px 0 40px 0;
}
.category-year-month-archive {
	list-style: none;
	margin: 0;
	padding: 0;
}
.category-year-month-archive .year,
.category-year-month-archive .show {
	border: 1px solid #e3e3e3;
	padding: 5px 11px;
	display: inline-block;
	margin: 0 8px 8px 0;
	min-width: 33px;
	text-align: center;
	line-height: 180%;
	float: left;
	font-size: 1rem;
	font-weight: 400;
	cursor: pointer;
}
.category-year-month-archive .year [class*="td-icon-"]::before, 
.category-year-month-archive .year span::before, 
.category-year-month-archive .year i::before, 
.category-year-month-archive .year em::before,
.category-year-month-archive .show [class*="td-icon-"]::before, 
.category-year-month-archive .show span::before, 
.category-year-month-archive .show i::before, 
.category-year-month-archive .show em::before {
	font-size: 10px;
}
.category-year-month-archive .year-months,
.category-year-month-archive .year-show {
	margin: 0;
	padding: 0;
}
.category-year-month-archive .year-months:hover .months,
.category-year-month-archive .year-months.selected .months,
.category-year-month-archive .months:hover {
	visibility: visible;
	opacity: 1;
}
.category-year-month-archive .months {
	position: absolute;
	z-index: 400;
	list-style: none;
	background-color: rgba(255, 255, 255, 0.9);
	left: 0;
	margin: 2.5rem 0 0 0;
	padding: 0;
	border: 1px solid #e3e3e3;
	transition: 0.15s opacity linear 0.1s;
	opacity: 0;
	visibility: hidden;
}
.category-year-month-archive .months li {
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
	width: 10em;
	overflow: hidden;
}
.category-year-month-archive .months li + li {
	border-top: 1px solid #e3e3e3;
}
.category-year-month-archive .months li a {
	padding: 0.3em 1em;
	display: block;
}
.year-month-archive .count,
.category-year-month-archive .count {
	position: absolute;
	border-radius: 1px;
	font-size: 0.8em;
	line-height: 120%;
	padding: 0.2em;
	text-align: center;
	min-width: 1.6em;
	opacity: 0;
	transition: 0.3s opacity linear, 0.3s color linear, 0.3s background-color linear;
}
.year-month-archive .count {
	position: relative;
	float: right;
	color: #7F7F7F;
	border: 1px solid #7F7F7F;
	background-color: #FFFFFF;
	margin: -3.1em 0.6em 0 0;
}
.category-year-month-archive .count {
	color: #FFFFFF;
	background-color: #7F7F7F;
	right: 1em;
	margin: -2.4em 0 0 0;
}
.year-month-archive .months li:hover .count {
	opacity: 1;
}
.category-year-month-archive .month:hover .count {
	opacity: 1;
	color: #5F5F5F;
	background-color: #FFFFFF;
}
.category-year-month-archive .month.current .count,
.category-year-month-archive .month.current:hover .count {
	opacity: 1;
	color: #4A4A4A;
	background-color: #FFFFFF;
}

@media (min-width: 768px) {
	.year-month-archive .months li {
		flex: 1 0 8%;
	}
}