/*footer goes down*/
#wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#main{
    flex: 1;
}
/*end*/

/*nav-bottom goes down*/
.container{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 70px);
}
.no-height{
    min-height: unset;
}

#content-block{
    flex: 1;
}
/*end*/


.violet{
    color: #b84aca;
}

article h4{
    color: #b84aca;
}

.arrow-title{    
    font-weight: bold;
}

.uppercase{
    text-transform: uppercase;
}

.category-title{
    color: #b84aca;
    text-transform: uppercase;
}

a.post-titles h4:hover{
    color: #b84aca;
}

.container a.readmore{
    color: #b84aca;
}
.container a.readmore:hover{
    text-decoration: underline;
}




.container article a{
    color: #3c8dbc;
}

.container h3.blogpost{    
    text-transform: uppercase;
    color: #b84aca;
}

.post_date{    
    font-size: .8em;
}
.post_category{
    font-size: .8em;
    text-transform: uppercase;
    color: #b84aca;
    opacity:.5;
}
.taglist{
    font-size: .8em;
    text-transform: lowercase;
}

ul.pagination{
    width: 100%;
    list-style: none;
    display: inline-flex;
    
    font-size: 1.2em;
    font-weight: bold;
}

.pagination .page-item{
    width: 50%;
}

.pagination .page-item:nth-child(1){
    text-align: right;
    padding-right: 1em;
}
.pagination .page-item:nth-child(2){
    text-align: left;
    padding-left: 1em;
}

.pagination .page-item a{
    color: #b84aca;
}
.pagination .page-item a:hover{
    text-decoration: underline;
}
#header-categories{
    vertical-align: top;
    display: contents;
}
#header-categories h4{
    font-size:.8em;
    text-transform: uppercase;
}
#header-categories ul{
    list-style-type: none;
    margin: 0;
}
#header-categories ul li{
    font-size: .8em;
}

#header-categories ul li a{
    display: list-item;
    text-align: left;
    padding: 0 .5em 0 2em;
    text-decoration: none;
    border: 0;
}

#header-categories ul li a.seemore{
    display: list-item;
    text-align: right;
    padding: 0 4em 0 0;
}