/*------------------------------------* $SINGLE POST NEXT/PREV *------------------------------------*/ .single nav.post-navigation { margin-top: 30px; padding-top: 30px; border-top: 1px solid #f1f1f1; } .single nav.post-navigation:after { content: ''; display: block; visibility: hidden; clear: both; zoom: 1; height: 0; } .single nav.post-navigation .nav-links .title { display: block; color: #13aff0; line-height: 20px; } .single nav.post-navigation .nav-links a { display: block; } .single nav.post-navigation .nav-links i { font-size: 20px; line-height: 20px; } .single nav.post-navigation .nav-links .post-title { display: block; font-size: 16px; margin: 5px 0 0; } .single nav.post-navigation .nav-previous { float: left; width: 50%; text-align: left; border-right-width: 1px; border-style: solid; border-color: #f1f1f1; padding-right: 20px; } .single nav.post-navigation .nav-previous i { float: left; margin-right: 20px; } .single nav.post-navigation .nav-next { float: right; width: 50%; text-align: right; padding-left: 20px; } .single nav.post-navigation .nav-next i { float: right; margin-left: 20px; } /*------------------------------------* Phone Landscape *------------------------------------*/ @media only screen and (max-width: 480px) { .single nav.post-navigation .nav-links .nav-previous, .single nav.post-navigation .nav-links .nav-next { float: none; width: 100%; padding: 0; } .single nav.post-navigation .nav-links .nav-previous { border-right-width: 0; border-left-width: 0; } }