/**
 * This file adds style to home and archive pages
 */

 #content .header {
    background: #fff;
    margin-bottom: 30px;
    padding: 10px;
    text-align: center;
}

.entry-image img {
    width:  100%;
    margin-bottom: 20px;
}

article header {
    align-items: flex-start;
    margin-bottom: 20px;
}

article p {
    text-transform: lowercase;
}

article p:first-letter {
    text-transform: capitalize;
}

.cat-links {
    margin: 0;
}

/* Sticky Styles  */
#content .sticky {
    border: 2px solid var(--cps--secondary);
}

/* Post Parity */
#content.post-parity header.entry-header {
    align-items: center;
    text-align: center;
}

#content.post-parity .entry-summary p {
    text-align: justify;
}

#content.post-parity a.more-link {
    margin: 20px auto 0;
}

#content.post-parity article.even {
    background: var(--cps--secondary);
    color: var(--cps--secondary--font);
}

#content.post-parity .even header a {
    color: inherit;
}

#content.post-parity .even img {
    border: 5px solid var(--cps--primary);
}

#content.post-parity .sticky {
    background: var(--cps--accent);
    color: var(--cps--accent--font);
}


/* Pagination
------------------------------------------ */
.navigation {
    clear: both;
    min-height: 65px;
    text-align: center;
    font-size: 15px;
    margin-top: 50px;
    letter-spacing: 2px;
    text-transform: capitalize;
}

#nav-above.navigation {
    margin-top: 5px;
    display: flex;
    min-height: auto;
    font-size: 20px;
    width: 50%;
    padding: 0 10px;
    justify-content: space-between;
    font-weight: 800;
    background: 0;
    box-shadow: none;
}

ul.page-numbers {
    display: flex;
    clear: both;
    text-align: center;
    padding: 15px 0;
    background: #fff;
    row-gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
}

.page-numbers li {
    display: inline-block;
    margin-right: 5px;
}

.page-numbers li:last-child {
    margin-right: 0;
}

.page-numbers li * {
    display: flex;
    min-width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 15\5px;
    line-height: normal;
    border-radius: 50px;
    letter-spacing: normal;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.page-numbers li .current {
    background:var(--cps--primary);
    color:var(--cps--primary--font);
}

.page-numbers li a {
    background: var(--cps--secondary--button);
    color: var(--cps--secondary--button--font);
}

.page-numbers li a.prev.page-numbers,
.page-numbers li a.next.page-numbers {
    width: auto;
    letter-spacing: 2px;
}

.page-numbers li a:hover,
.page-numbers li a:focus,
.page-numbers li a:active {
    background: var(--cps--primary);
    color: var(--cps--primary--font);
}

@media only screen and (min-width: 1000px) {
    /* others */
    .entry-meta {
        font-size: 10px;
    }
}

@media only screen and (min-width: 700px) {
    /* Post Parity */
    #content.post-parity article {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    #content.post-parity article .entry-image,
    #content.post-parity article .entry-summary {
        width: 48.5%;
    }
    
    #content.post-parity header.entry-header h2 {
        font-size: 27px;
    }
    
    #content.post-parity article .entry-image img {
        margin: 0;
        width: 100%;
    }
    
    #content.post-parity article.even {
        flex-flow: row-reverse;
    }
    
    #content.post-parity article.odd .entry-summary,
    #content.post-parity article.even .entry-image {
        margin-left: 3%;
    }
}