File: /var/www/html/wppartneramazingsecret/wp-content/themes/themify-ultra/styles/modules/post-nav.css
.post-nav{
margin:0 0 3.5em;
padding:0;
}
.post-nav .prev,
.post-nav .next{
width:47%;
position:relative
}
.post-nav .prev{
float:left;
padding-left:2.1em
}
.post-nav .next{
float:right;
text-align:right;
padding-right:2.1em
}
.full_width .post-nav{
max-width:1160px;
margin-left:auto;
margin-right:auto
}
/* post nav link */
.post-nav a{
color:#000;
display:block;
font-size:1.15em;
letter-spacing:-.005em;
text-decoration:none
}
.post-nav a:hover{
text-decoration:none
}
/* post nav arrow */
.post-nav .arrow{
display:block;
float:left;
width:1em;
height:1em;
text-align:center;
text-decoration:none;
color:#ed1e24;
position:absolute;
left:0;
top:4px
}
.post-nav .next .arrow{
left:auto;
right:0
}
.post-nav .next .arrow:after,
.post-nav .prev .arrow:after,
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before{
content:"";
font-size:1.7em;
color:inherit;
text-decoration:none;
border:1px solid transparent;
border-top-color:inherit;
position:absolute;
top:0;
width:.45em;
height:.45em
}
.post-nav .next .arrow:after,
.post-nav .next .arrow:before{
right:0;
border-right-color:inherit;
transform:rotateZ(45deg)
}
.post-nav .prev .arrow:after,
.post-nav .prev .arrow:before{
left:0;
border-left-color:inherit;
transform:rotateZ(-45deg)
}
.post-nav .next .arrow:after{
right:10px
}
.post-nav .prev .arrow:after{
left:10px
}
.post-nav a:hover span{
color:#ed1e24
}
.post-nav .prev a:hover .arrow{
animation:arrow-prev 1s infinite;
animation-timing-function:linear
}
.post-nav .next a:hover .arrow{
animation:arrow-next 1s infinite;
animation-timing-function:linear
}
@media screen and (max-width:1260px){
.full_width .post-nav{
max-width:94%
}
}
@media screen and (max-width:760px){
.full_width .post-nav{
max-width:90%
}
.post-nav .prev,
.post-nav .next{
width:100%;
margin-bottom:10px
}
}
@media screen and (max-width:680px){
.post-nav{
line-height:1.4;
}
.post-nav a {
font-size:1em;
}
}
@keyframes arrow-prev{
0%{left:0}
50%{left:-10px}
100%{left:0}
}
@keyframes arrow-next{
0%{right:0}
50%{right:-10px}
100%{right:0}
}