/****************************************************************************
 * Grid Wrapper
 ****************************************************************************/
.grid_sidebar_wrapper {
    padding-top: 0.9375rem;
}

/****************************************************************************
 * Search Bar
 ****************************************************************************/
.searchform {
    margin-bottom: 2rem;
}
.searchform > div {
    font-size: 0;
    position: relative;
}
.searchform > div > *:nth-child(1) {
    font-size: 1rem; vertical-align: top;
    display: inline-block; width: 80%;
    margin: 0; border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.searchform > div > *:nth-child(2) {
    font-size: 0; vertical-align: top;
    display: inline-block; width: 20%;
    position: absolute; top: 0; left: auto;
    right: 0; height: 100%;
    box-shadow: none;outline: none;
    border: none; background-color: #006750;
    color: #FFFFFF;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.searchform > div > span {
    width: 20%; position: absolute; top: 0; left: auto;
    right: 0; height: 100%; pointer-events: none;
}
.searchform > div > span img {
    content: ''; position: absolute;
    width: 1.5rem; height: 1.5rem;
    left: 0; right: 0; margin: 0 auto;
    top: 50%; pointer-events: none;
    background: url(../img/search-white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/****************************************************************************
 * Blog-Search
 ****************************************************************************/
.blog_content_section .search-wrapper{
    padding-top: 2rem;
}

/****************************************************************************
 * Categories
 ****************************************************************************/
.blog_categorylist_wrapper ul{
    display: block; margin: 0 -0.5rem; padding: 0; font-size: 0;
    text-align: center;
}
.blog_categorylist_wrapper ul li{
    display: inline-block; padding: .25rem .5rem; font-size: 1rem; margin: 0;
}

/****************************************************************************
 * Grid Item
 ****************************************************************************/
.grid_item {
    text-align: left;
}

.grid_item .grid_inner .blog_post_info {
    padding-bottom: 0.5rem;
}
.grid_item .grid_inner .grid_cta a,
.grid_item .grid_inner .grid_cta a:visited {
    background-color: #006750; color: #FFFFFF;
    border-radius: 0.25rem; padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
}
.grid_item .grid_inner .grid_cta a:before {
    content: none;
}
.grid_item .grid_inner .grid_cta a:hover,
.grid_item .grid_inner .grid_cta a:focus {
    color: rgba(255,255,255,0.75);
}

/****************************************************************************
 * Post Pagination
 ****************************************************************************/
.blog_section .post_pagination {
    padding: 3rem 0 0;
}
.blog_section .post_pagination .nav-links {
    text-align: center;
}
.blog_section .post_pagination .nav-links .page-numbers {
    display: inline-block;
    background-color: rgba(241,242,242,1);
    line-height: 2rem; min-width: 2rem;
    position: relative; padding: 0 0.5rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.post_pagination .nav-links .page-numbers.current {
    background-color: #006750;
}
.blog_section .post_pagination .nav-links a.page-numbers:hover,
.blog_section .post_pagination .nav-links a.page-numbers:focus {
    background-color: #006750;
    color: #FFFFFF;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.blog_section .post_pagination::after {
    content: none;
}
/*.post_pagination .nav-links .page-numbers.prev {
    display: block;
}
.post_pagination .nav-links .page-numbers.next {
    display: block;
}*/


@media screen and (min-width:40em){
    /****************************************************************************
     * Blog-Search
     ****************************************************************************/
    .blog_content_section .search-wrapper{
        padding-top: 3rem;
    }
}


@media screen and (min-width:64em){
    /****************************************************************************
     * Blog-Search
     ****************************************************************************/
    .blog_content_section .search-wrapper{
        padding-top: 4rem;
    }
}