#{$prefix}-archive-post-navigator-wrap {
	.pagination {
	    display: flex;
	    justify-content: center;
	    margin-bottom: 30px;
	    .nav-links {
    	    background: #fff;
			box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
			padding: 10px 20px;
			border-radius: 10px;
	    	> *{
	    		padding: 0.3rem 0.5rem;
			    min-width: 2rem;
			    display: inline-block;
			    text-align: center;
			    color: #000;
			    font-size: 0.88rem;
			    border-radius: 3px;
			    &:hover {
			    	background:#f67280;
			    }
			    &.current {
			    	background: #d72924;
    				color: #fff;
    				border-radius: 3px;
			    }
			}
			
		}
	}
}

#{$prefix}-single-post-navigator-wrap {
	margin: 30px 60px 50px 15px;
	@include mobile {
		margin: 0;
	}
	.post-navigation {
		.nav-links {
			display: flex;
    		justify-content: space-between;
    		 @include mobile {
    		 	display: block;
    		 }
			> div {
		        width: calc(50% - 15px);
			    position: relative;
			    padding: 10px 10px;
			    border-radius: 3px;
			    margin-right: 24px;
			    background: #f7f7f7;
			    @include mobile {
	    		 	width: 100%;
	    		 	margin-bottom: 5px; 
	    		 }
			    a {
			    	color: #000;
			    	font-size: 18px;
    				font-style: italic;
			    	&:hover{
			    		color: #f67280;
			    	}
			    	.screen-reader-text {
			    		display: block;
			    		clip: rect(1px,1px,1px,1px);
					    height: 1px;
					    overflow: hidden;
					    position: absolute!important;
					    width: 1px;
					    word-wrap: normal!important;
			    	}
			    }
			}
		}
	}
}


.royalnews-page-links {
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 4%);
    padding: 10px 20px;
    border-radius: 10px;
    display: block;
    width: 300px;
	.post-page-numbers {
	    background: #fff;
		box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
		padding: 5px 10px;
		border-radius: 10px;
    	> *{
    		padding: 0.3rem 0.5rem;
		    min-width: 2rem;
		    display: inline-block;
		    text-align: center;
		    color: #000;
		    font-size: 0.88rem;
		    border-radius: 3px;
		    &:hover {
		    	background:#eee;
		    }
		    &.current {
		    	background: #1778f2;
				color: #fff;
				border-radius: 3px;
		    }
		}
	}
}
