@charset "UTF-8"; 
/* Declare the encoding (if needed) */

/* Optional: Import other stylesheets  
@import url("http://repixel.de/blog/wp-content/themes/micromoon/assets/css/reset.css"); 
*/


/* ======================================== 
**
**    Post navigation (below articles)
** ========================================
*/  


/************************************ next and pervious links **************************************************************************/

/* Basic styling for the navigation container */
.post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;		 
	margin:3rem auto 2em;
    padding: 1em 0;
    border-top:    1px solid #CCC;
    border-bottom: 1px solid #CCC;
	clear:both;
}

/* Styling for individual navigation links (Previous and Next) */
.nav-previous, .nav-next {
    flex: 1 30%;
    text-align: center;
	text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
}

.nav-previous{
    text-align: left;
}

.nav-next{
    text-align: right;
}








/* Add content before the previous link */
.nav-previous::before {
   /* content: "« ";
    font-size: 1.2em;
    color: #333;*/
}

/* Add content after the next link */
.nav-next::after {
   /* content: " »";
    font-size: 1.2em;
    color: #333;*/
}
/* Responsive styles for small screens (less than 768px) */
@media (max-width: 768px) {
    .post-navigation {
        width:100%;
        margin: 10px auto;
    }

    .nav-previous, .nav-next {
        font-size: 14px;
    }
}

/* Max-width setting for screens greater than 768px */
@media (min-width: 768px) {
    .post-navigation {
       	width: 96%; 
        margin:2em auto;
    }

    .nav-previous, .nav-next {
        font-size: 16px;
    }
}