/* Custom Blog CSS */

.blog-img img {
    border-bottom: 8px solid #fab834;
    margin-bottom: 70px;
}
span.byline {
    font-size: 21px;
    color: #f47638;
    display: block;
    margin-bottom: 15px;
}
.blog-author-block {
	background: #f6f7f8;
	border-top: 8px solid #fab834;
}
.blog-author-block .title-row {
    width: 100%;
    margin-bottom: 30px;
    display: block;
    margin-top: 30px;
}
.ncoa-hero-image-neutered .ncoa-hero-bar-container h2.page-title.blog,
.ncoa-hero-image-neutered .ncoa-hero-bar-container h1.page-title {
    color: #fff;
    font-family: adobe-garamond,"Garamond","Times New Roman",sans-serif;
    font-size: 50px;
}
.ncoa-hero-image-neutered .ncoa-hero-bar-container h2.page-title span, .ncoa-hero-image-neutered .ncoa-hero-bar-container h1.page-title span {
  font-size: 26px;
  display: block;
  padding-top: 15px;
  color: #fff;
}
.ncoa-hero-image-neutered .ncoa-hero-bar-container .page-title span a {
  color: #fff;
}
.single-blog .entry-content h1 {
    color: #1f419b;
    font-family: adobe-garamond,"Garamond","Times New Roman",sans-serif;
    font-size: 35px;
    font-weight: bold;
    margin: 0 0 20px;
}
.blog-author-block h3 {
	font-size: 32px;
	font-family: adobe-garamond,"Garamond","Times New Roman",sans-serif;
	color: #264296;
}
.blog-author-block img {
	width: 95px;
	float: left;
	display: block;
	margin-right: 30px;
}
.blog-author-block p {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 30px;
}
.blog-list img {
    width: 100%;
}
.blog-list {
	background: #f4f4f4 url("../../images/blog-lower-right.png") bottom right no-repeat;
	background-size: 46.053%;
	margin-bottom: 45px;
}
.blog-list h2 {
    color: #1f419b;
    font-family: adobe-garamond,"Garamond","Times New Roman",sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 20px;
}
.blog-col .blog-list h2 {
	font-size: 24px;
}
.blog-col .blog-list span.byline {
	font-size: 14px;
}
.blog-row {
	width: 100%;
}
.blog-list-text {
	padding: 35px 4.667%;
	border-top: 8px solid #fab834;
}
.blog-col .blog-list-text {
	padding: 35px 9.777%;
	border-top: 6px solid #fab834;
}
.blog-col {
	width: 47.73%;
	float:left;
	display:block;
}
.blog-col.left-col {
	margin-right: 4.54%;
}
.blog-list-text .green-btn { 
	display: block;
    margin: 0 auto;
    text-align: center;
    width: 140px;
}
.blog-sidebar form {
    margin-bottom: 45px;
}
.blog-sidebar .form-control {
    background: #eeeeee url("../../images/mag-glass.png") no-repeat scroll right center;
    border-radius: 0;
    font-family: calibri,Helvetica,sans-serif,arial,sans-serif;
    font-weight: normal;
    max-width: 240px;
    padding-right: 35px;
}
.blog-sidebar .search-submit {
    background: #7ac243 none repeat scroll 0 0;
    border: medium none;
    border-radius: 100px;
    box-shadow: 0 2px 0 #5b9b2b;
    color: #000000 !important;
    cursor: pointer;
    display: inline-block;
    font-family: calibri,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding: 5px 25px;
    text-decoration: none;
    vertical-align: top;
}
.blog-sidebar h3 {
    color: #1f419b;
    font-family: adobe-garamond,"Garamond","Times New Roman",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
}
.blog-sidebar ul.topics {
    padding-left: 0;
}
.blog-sidebar ul.topics li {
  color:#f47638; 
    list-style:none; 
}
.blog-sidebar ul.topics li a {
  color:#f47638; 
}
.blog-sidebar ul.topics li:before {
  color:#f47638;
  content:"\2022"; 
  font-size:1.2em; 
  padding-right:5px; 
  position:relative;
  top:.1em; 
}
.blog-sidebar ul.wp-tag-cloud  {
  list-style: none;
  padding: 0;
}
.blog-sidebar ul.wp-tag-cloud li  {
  display: inline-block; 
  padding: 4px 8px; 
  background: #f4f4f4;
  margin-right: 5px;
  margin-bottom: 7px;
}
.blog-sidebar ul.wp-tag-cloud li a {
  display: block;
  color: #f47638;
}
.topic-item {
  max-width: 945px;
  margin: 0 auto;
  border-left: 8px solid #f9bf13;  
  float: none;
  display:block;
  position: relative;
}
.blog-row {
  margin-bottom: 35px;
  display: block;
}
.blog-row a img {
  width: 100%;
  height: auto;
}
.blog-row .topic-overlay {
  position: absolute;
  bottom:0;
  right:0;
  top: 0;
  left: 0;
}
.blog-row .topic-overlay:after {
  border-right: 247px solid #f6f7f8;
  border-top: 140px solid rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  transition: border-right-color 0.25s ease-in-out 0s;
  width: 0;
  overflow: hidden;
}
.blog-row a::hover .topic-overlay{
  background: rgba(0, 0, 0, 0);
}
.blog-row .topic-overlay:hover:after {
    border-right: 247px solid #f9bf13;
}
.blog-row .topic-overlay .arrow-link {
    width: 30px;
    height: 45px;
    display: block;
    color: #fff;
    position: absolute;
    bottom: 13%;
    right: 1.5%;
    z-index: 999;
    background: url('../../images/yellow-arrow.png') no-repeat;
   transition: background .25s ease-in-out 0s;
}
.blog-row .topic-overlay:hover .arrow-link {
   background: url('../../images/white-arrow.png') no-repeat;
}
.blog-row .topic-overlay h2 {
  font-size: 32px;
  color: #fff;
  margin-top: 55px;
  margin-left: 15px;
  margin-bottom: 5px;
}
.blog-row .topic-overlay p {
  font-size: 16px;
  display: none;
  color: #fff;
  line-height: 1.2;
}
.blog-row .topic-overlay:hover p {
  font-size: 16px;
  display: block;
  max-width: 35%;
  color: #fff;
  transition: display .25s ease-in-out 0s;
  margin-left: 15px;
}
.blog-row .topic-overlay:hover h2 {
  margin-top: 25px;
  transition: margin-top .25s ease-in-out 0s;
}

.wp-pagenavi {
  text-align: center;
}
.wp-pagenavi span.current {
  text-align: center;
  color: #317bba;
}
.wp-pagenavi span.current {
  background: #317bba;
  color: #fff;
}
.blog-breadcrumb {
    font-family: calibri,​Helvetica,​sans-serif;
    font-size: 16px;
    padding-bottom: 40px;
    padding-right: 250px;
    padding-top: 35px;
}
.blog-breadcrumb span a  {
    margin-right: 10px;
    margin-left: 0;
}
.blog-breadcrumb span span span a {
    margin-right: 10px;
    margin-left: 10px;
}
.blog-breadcrumb span .breadcrumb_last  {
    margin-right: 10px;
    margin-left: 10px;
}

@media only screen and (max-width: 680px) {
  .blog-col {
    width: 100%;
    max-width: 400px;
    float:none;
    margin: 0 auto;
    display:block;
  }
  .blog-col.left-col {
    margin: 0 auto;
  }
}