
.topreadarticle-container .topreadarticle.hidden{
	display: none;
}

.pagination-container {
    border-top: 1px solid #828282;
    border-bottom: 1px solid #828282;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 33px;
    font-family: Fira Sans;
    padding: 0 8px;
	width: 100%;
    margin: 7px auto 16px;
}
.pagination-container .pagination-button{
	color: #ACACAC;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 8px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-container .pagination-button svg{
	width: 6px;
}
.pagination-container button.prev svg{
	margin-right: 7px;
}
.pagination-container button.next svg{
	margin-left: 7px;
}
.pagination-container #pagination-numbers button{
	font-weight: 500;
	font-size: 10px;
	margin-right: 7px;
}
.pagination-container #pagination-numbers button.active{
	color: #2c65c9;
    font-weight: 700;
}

/* disable btn */
.pagination-container .pagination-button.disabled{
	color: #ACACAC;
}
.pagination-container .pagination-button.disabled svg path{
	stroke: #ACACAC;
}
.pagination-container .pagination-button{
	color: #000;
}
.pagination-container .pagination-button svg path{
	stroke: #000;
}


@media screen and (min-width: 767px) {
	.pagination-container{
		min-height: 72px;
		margin: 28px auto 95px;
		padding: 0 5px;
	}
	.pagination-container .pagination-button{
		font-size: 18px;
	}
	.pagination-container .pagination-button svg{
		width: auto;
	}
	.pagination-container #pagination-numbers button{
		font-size: 18px;
		margin-right: 25px;
	}
}
@media screen and (min-width: 1165px) {
	.pagination-container{
		padding: 0 22px;
	}
}

