/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	display: flex;
	gap: 11px;
	height: 44px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	align-items: center;
	background-color: var(--light-blue);
	color: var(--pure-black);
	display: flex;
	font-size: var(--h6-font-size);
	font-weight: var(--font-primary-medium);
	padding: 0;
	text-decoration: none;
	border-radius: 50%;
	height: 44px;
	width: 44px;
	justify-content: center;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	text-decoration: underline;
	color: var(--pure-black);
}

.wp-pagenavi a.nextpostslink {
	align-items: center;
	background-color: var(--dark-blue-3);
	border-radius: 50%;
	display: flex;
	padding: 0;
	text-decoration: none;
	border: 3px solid var(--dark-blue-3);
	transition: background-color 0.3s ease;
}
	
/* Put empty space in the Text For Next Page field inorder to use before */
.wp-pagenavi a.nextpostslink::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.688' height='15.411' viewBox='0 0 9.688 15.411'%3E%3Cpath id='Path_1644' data-name='Path 1644' d='M13628.336-7981.879l6.506,6.809-6.506,6.5' transform='translate(-13627.251 7982.915)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E%0A");
	display: inline-block;
}

.wp-pagenavi a.nextpostslink:hover {
	background-color: var(--pure-white);
}

.wp-pagenavi a.nextpostslink:hover::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.688' height='15.411' viewBox='0 0 9.688 15.411'%3E%3Cpath id='Path_1644' data-name='Path 1644' d='M13628.336-7981.879l6.506,6.809-6.506,6.5' transform='translate(-13627.251 7982.915)' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.wp-pagenavi a.previouspostslink {
	align-items: center;
	background-color: var(--dark-blue-3);
	border-radius: 50%;
	display: flex;
	padding: 0;
	text-decoration: none;
	border: 3px solid var(--dark-blue-3);
	transition: background-color 0.3s ease;
}

/* Put empty space in the Text For Previous Page field inorder to use before */
.wp-pagenavi a.previouspostslink::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.688' height='15.411' viewBox='0 0 9.688 15.411'%3E%3Cpath id='Path_1644' data-name='Path 1644' d='M13628.336-7981.879l6.506,6.809-6.506,6.5' transform='translate(13636.939 -7967.504) rotate(180)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.wp-pagenavi a.previouspostslink:hover {
	background-color: var(--pure-white);
}

.wp-pagenavi a.previouspostslink:hover::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.688' height='15.411' viewBox='0 0 9.688 15.411'%3E%3Cpath id='Path_1644' data-name='Path 1644' d='M13628.336-7981.879l6.506,6.809-6.506,6.5' transform='translate(13636.939 -7967.504) rotate(180)' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.wp-pagenavi span.current {
	font-weight: var(--font-weight-bold);
}