
.archive {
	padding-bottom: 10px;
}

.archive__title {
	padding-bottom: 5px;
}

.archive__dropdown {
	display: inline-block;
	width: 118px;
}

.archive__dropdown--button {
    border: 1px solid #333;
    width: 118px;
    text-align: left;
}

.archive__search--input {
	border: 1px solid #363636;
	margin-top: 25px;
}


.archive__search--input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #363636;
}


.search__highlight {
	color: #1BB3BD;
	font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| article
|--------------------------------------------------------------------------
*/

.archive__article {
	padding: 10px 0;
	border-top: 1px solid #D9D9D9;
}

.archive__article {
	border-top: none;
}

.archive__article:last-child {
	border-bottom: 1px solid #D9D9D9;
}

.archive__article--anchor {
	font-size: 14px;
	line-height: 18px;
	color: #43454B;
}

.archive__article--anchor:hover {
	color: #43454B;
}

.archive__article--img {
	height: 72px; 
	width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.archive__article--title {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 5px;
}

.archive__article--date {
	font-size: 10px;
	padding: 10px 0;
}

.archive__article--noresults {
	padding-bottom: 200px;
}

/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/

.archive__pagination {
	padding: 40px 0;
	border-top: 1px solid #D9D9D9;
}

.archive__pagination--previous a {
	color: #1BB3BD;
	text-transform: uppercase;
	font-size: 16px;
}

.archive__pagination--next  {
	text-align: right;
}

.archive__pagination--next a {
	color: #1BB3BD;
	text-transform: uppercase;
	font-size: 16px;
}

.archive__pagination--center {
	color: #8B8B8B;
	font-size: 16px;
	text-align: center;
}

.archive__pagination--icon {
	color: #1BB3BD;
}

@media only screen and (min-width : 768px) {

	.archive__article {
		padding: 20px 0;
		border-top: 1px solid #D9D9D9;
	}

	.archive__article--anchor {
		font-size: 18px;
		line-height: 24px;
	}

	.archive__article--date {
		font-size: 14px;
		line-height: 20px;
	}

	.archive__title {
		display: inline-block;
	}

	.archive__search--input {
		margin-top: 0;
	}

	.archive__article--p {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
	}



}

@media only screen and (min-width : 992px) {
	.archive__article--img  {
		height: 150px;
	}

}

@media only screen and (min-width : 1200px) {

	.archive__dropdown {
		margin: 0 10px;
	}

	.archive__article--img  {
		height: 150px;
	}


	.archive__article--anchor {
		font-size: 18px;
		line-height: 24px;
	}
	
}