/* post grid */

.container-body.main ul.blog_post_grid{
    margin-left: 0;
}


/* Blog Single image styling on hover --------------------- */
.blog_post_grid .blog_post_item img.blog_post_img {
    /*height: 100px;*/
    width:100%;
    opacity: 1;-webkit-transition: .1s ease-in-out;transition: .1s ease-in-out;
}

.blog_post_grid .blog_post_item img.blog_post_img:hover {
	opacity: .5;
}

/* Blog Homepage recent image hover effects start --------------------- */
.blogrecentcolumn img {
	opacity: 1;-webkit-transition: .1s ease-in-out;transition: .1s ease-in-out;
}

.blogrecentcolumn img:hover {
	opacity: .5;	
}
/* Blog Homepage recent image hover effects end --------------------- */


.blog_post_grid .blog_post_item .blog_post_title {
    margin-top: 0.8em;
    margin-bottom: 0.3em;
    font-size: 1.3em;
    font-weight: bold;
}

.blog_post_grid .blog_post_item .blog_post_date {
    font-size: 0.8em;
}

.blog_post_grid .blog_post_item .blog_post_brief {
    margin-top: 0.5em;
}

.blog_post_grid .blog_post_item .blog_post_more_link{
    display: block;
    margin-top: 1em;
}

/* post single */


.blog_post_div img.blog_post_img {

}


.blog_post_div .blog_post_title {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    font-size: 2em;
}

.blog_post_div .blog_post_date {
    font-size: 0.8em;
    display: inline-block;
}

.blog_post_div .blog_post_author {
    font-size: 0.8em;
    display: inline-block;
}
.blog_post_div .blog_post_category {
    font-size: 0.8em;
}
.blog_post_div .blog_post_content {
    margin-top: 0.5em;
}

.blog_post_content, .blog_post_content p{font-size:18px;line-height: 1.6em;}

/* archive */

.blog_archive_list .blog_archive_list_item {
    margin-bottom: 2em;
    padding:20px;
    background:var(--mediumbackground);
}

.blog_archive_list h2.blog_post_title {
    padding: 0.8em 10px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 22px;
}

h2.blog_post_title a:link{color:#000;}
h2.blog_post_title a:visited{color:#000;}
h2.blog_post_title a:hover{color:#006699;}

.blog_archive_list .blog_post_brief {
    padding: 0.5em 10px;
}

.blog_archive_list .blog_post_date {
    padding: 0.5em 10px;
    border-top: 1px solid lightgray;
    font-size: 0.8em;
}

.blog_archive_list a.blog_post_more_link {
    clear: both;
    display: block;
    margin-top: 0.5em;
}


/* sidebar */

aside.blog-sidebar .container {
    padding: 1em;
    background: var(--mediumbackground);
}


/* recents blogs homepage */
div.container.blog_recent_posts{
	padding:1em;

}
.blog_recent_posts .row.blog_recent_row {
    margin-bottom: 1em;
}

/* recents blogs sidebar */
div.container.blog_recent_posts-side{
	padding:1em;

}
.blog_recent_posts-sidebar .row.blog_recent_row {
    margin-bottom: 1em;
}

.blog_recent_posts-sidebar h2 {color:#000;}
.blog_categories h2 {color:#000;}
.blog_archives h2 {color:#000;}

/* category sidebar */
div.container.blog_categories{

}
.blog_sidebar_category_list{

}

/* archive sidebar */
div.container.blog_archives{

}
.blog_sidebar_archive_list{

}


/** foundation pagination **/

ul.pagination {
    display: block;
    min-height: 1.33333rem;
    border-top: 1px dotted #a4a4a4;
    padding-top: 15px;
    margin-top: 20px;}
ul.pagination li {
    color: #2222228a;
    font-size: 18px;
    height: 1.6em;
    margin-left: 0.7rem;
    background: #eee;
    width: 30px;
    font-weight: 600;}
ul.pagination li a, ul.pagination li button {
    border-radius: 3px;
    transition: background-color 300ms ease-out;
    background: none;
    color: #999999;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
    padding: 0.05556rem 0.55556rem 0.05556rem; }
ul.pagination li:hover a,
ul.pagination li a:focus, ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #e6e6e6; }
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
    cursor: default;
    color: #999999;
    pointer-events: none; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
    background: transparent; }
ul.pagination li.current a, ul.pagination li.current button {
    background: #008CBA;
    color: #FFFFFF;
    cursor: default;
    font-weight: bold; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
    background: #008CBA; }
ul.pagination li {
    display: block;
    float: left; }

/* Pagination centred wrapper */
.pagination-centered {
    text-align: center; }
.pagination-centered ul.pagination li {
    display: inline-block;
    float: none; }