/**
 * blog styles
 */
p.cat_search {
  margin-bottom: 30px;  
  color: #333333;
  flex: 0 0 100%;
}

article:not(.full) {
	width: 48%;
	max-width: 500px;
	margin-bottom: 40px;
  background-color: #B5B8BC; /*.66*/
}

article.full {
  border: 0;
}
body.blog .wrapper:not(.full) {
    max-width: 1800px;
}
body.blog .maincontent {
	background-color:#fff;
	padding-bottom: 60px;
}
body.blog .maincontent a {
  text-decoration: none;
}

body.blog .maincontent article h2 {
  /*font-size: 20px;
  margin: 0 0 12px;
  line-height:normal;
	width: calc(100% - 320px);
	float: left;
	padding-bottom: .8rem;
	background-size: 4vw;*/
  line-height: normal;
 }
body.blog div.media-item-text {
    padding: 2rem;
}
body.blog article h2 a {
}
article.post img {
  width: 100%;
  height: inherit;
}
article.post iframe {
	width: 100%;
  position: absolute;
  height: 100%;
  min-width: unset;
	min-height: unset;
}
article.post.full img {
	float:none;
	margin:20px 0 20px 0;
	width:100%;
	height:inherit;
}

article.post.full iframe {
	float:none;
	margin:20px 0 20px 0;
  position: relative;
  width: 100%;
  max-width: 680px;
  aspect-ratio: 680 / 383;
}
article.post.full img.author {
	float:left;
	margin:0;
}
article.post:not(.full) {
	font-size:.9rem;
	line-height:1.2rem;
}
article.post .text {
	margin-left:305px;
//	min-height:140px;
}
article.post:not(.full) span.post_author {
  display: block;
  font-size: 1rem;
  margin-bottom: 20px;
}
body.blog article span.post_readmore a {
  color:var(--lgreen);
  color:#fff;
  font-size: 1.1rem;
  display: block;
  margin-top: 20px;
}
body.blog article span.post_readmore a:hover {
  color:var(--lgreen);
}
.post_meta {
  margin: 20px 0 0;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  padding:5px 0 10px;
  font-size:.7rem;
	clear: both;
}
.post_meta span {
  border-right: 1px solid #c6c6c6;
  line-height: 13px;
  display: inline-block;
  padding: 0 9px 0 5px;  
  margin-top: 4px;
}

.post_meta span:first-child {
  padding-left: 0;
}

.post_meta span:last-child {
  border: 0;
  padding-right: 0;
}

.post_meta span span {
  border: 0;
  padding: 0;
}

.post_meta a {
  text-decoration: none;
}

.post_meta a:hover {
  text-decoration: underline;
}

.post_meta img.author {
  width: 30px !important;
  height: 30px;
  border-radius: 50px;
  margin: 0 4px 0 0;  
  float: left;
}


article a.post_commentcount {
  text-decoration: none;
}

article a.post_commentcount:hover {
  text-decoration: underline;
}
.post_meta span.post_readmore {
}
.post_meta span.post_readmore {
//	display:block;
	float:right;
	margin: 8px 0 0 ;
	transition: all 0.2s ease-in-out 0s;
//	background-image: url(../images/arrow-faq.png);
//	background-repeat: no-repeat;
//	background-position: left 2px;
//	padding-left:20px;
}

article a.post_readmore:hover {

}

div.comments_header {
  border-bottom: 1px solid #c6c6c6;
  height: 25px;
  position: relative;
  padding-bottom:20px;
}

div.comments_header p.count {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  display: block;
//  float: left;
}

div.comments_header ul.comment_tabs {
  list-style: none;
  display: block;
  float: right;
}

div.comments_header ul.comment_tabs li {
  display: block;
  float: left;
}

div.comments_header ul.comment_tabs li a {
  padding: 8px 10px;
  margin: 0 0 0 5px;
  text-decoration: none; 
  font-size: 12px;   
}

div.comments_header ul.comment_tabs li a.selected, div.comments_header ul.comment_tabs li a:hover {
  border-color: #9f2a57 #c6c6c6 #ffffff;
  border-width: 2px 1px 1px;
  border-style: solid;
  padding: 7px 9px;
}


ul.comments {
  list-style: none;
  margin: 0;
	font-size: .8rem;
}

ul.comments li {
//  margin-bottom: 25px;
//  padding-bottom: 25px;
//  padding-left: 50px;
	border-bottom: 1px solid #c6c6c6;
//  position: relative;
}

ul.comments div.comment {
}

ul.comments div.meta {
  font-size: 12px;
}

ul.comments div.meta p {
  margin: 0;
}

ul.comments div.meta p.votes {
  display: block;
  float: left;
}


ul.comments div.vote {
  width: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;  
}

ul.comments div.vote span.vote_result {
  font-weight: bold;
  font-size: 15px;
  margin: 5px 0;
  display: inline-block;
}

ul.comments div.vote a.vote {
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  opacity: 0.5;
  width: 0;
  height: 0;
  margin: 0 0 0 10px;
  border-style: solid;    
}

ul.comments div.vote a.vote:hover {
  opacity: 1;
}

ul.comments div.vote a.vote.up {
  border-width: 0 10px 14px 10px;
  border-color: transparent transparent #48bd00 transparent;
}

ul.comments div.vote a.vote.down {
  border-width: 14px 10px 0 10px;
  border-color: #bd0000 transparent transparent transparent;
}

ul.comments div.comment {

}

ul.comments div.meta {
  position: relative;
}

ul.comments div.meta p.user_info {
  display: block;
  float: right;
  position: relative;
  margin-bottom:10px;
}
ul.comments div.meta p.user_info span {
  line-height: 13px;
  display: inline-block;
  padding: 0 10px;
  float:left;
}
ul.comments div.meta p.user_info span.date {
  border-right: 1px solid #c6c6c6;
}

ul.comments div.meta p.user_info img.user {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: -40px;
}

ul.comments div.meta p.user_info span.user {
  display: block;
//  clear: both;
}

ul.comments div.meta p.user_info span.user a {
  text-decoration: none;
}

ul.comments div.meta p.user_info span.user a:hover {
  text-decoration: underline;
}


ul.comments div.meta p.tools {
  position: absolute;  
  display: block;
  left: 0;
  bottom: -5px;
}

ul.comments div.meta p.tools a {
  text-decoration: none;
  margin-right: 10px;
  color: #ccc;
}

ul.comments li:hover div.meta p.tools a, ul.comments ul.comments li:hover span.tools a {
  color: #999;
}

ul.comments li:hover div.meta p.tools a:hover {
  color: #9f2a57;
  text-decoration: underline;
}

ul.comments ul.comments span.tools {
  margin-left: 10px;
}

ul.comments ul.comments span.tools a {
  text-decoration: none;
  color: #ccc;  
  margin-right: 5px;
}

ul.comments ul.comments li:hover span.tools a {
  color: #999; 
}

ul.comments ul.comments li:hover span.tools a:hover {
  color: #9f2a57;
} 

ul.comments ul.comments {
  border-top: 1px solid #d5d5d5;
  margin-right: 0;  
  margin-bottom: 5px;  
}

ul.comments ul.comments li {
  margin-left: 40px;
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #d5d5d5;
}

ul.comments ul.comments li:last-child {
  border-bottom: 0;
}

ul.comments ul.comments li div.comment {
  display: inline-block;
}

ul.comments ul.comments li p {
  font-size: 12px;
  color: #555555;
}

ul.comments ul.comments li span.meta {
  display: block;
  text-align: right;
}

ul.comments ul.comments li span.user {
  font-size: 12px;
}

ul.comments ul.comments li span.user a {
  text-decoration: none;
}

ul.comments ul.comments li span.user a:hover {
  text-decoration: underline;
}
/*
ul.comments ul.comments li span.user:before {
  content: '–';
  display: inline-block;
  margin: 0 6px;
}
*/

ul.comments ul.comments li span.date {
  font-size: 11px;
  color: #acacac;
}

ul.comments p.add_comment {
  border-top: 1px solid #d5d5d5;
  margin: 10px 0 0 0;
  padding: 2px 0 0 2px;
}

ul.comments p.add_comment a {
  font-size: 12px;
  text-decoration: none;
}

ul.comments p.add_comment a:hover {
  text-decoration: underline;
}


form.comment {
  margin-top: 40px;
}

form.comment p.title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}

form.comment p.respond {
  font-style: italic;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-left: 1px solid #d5d5d5;
  color: #555555;
}

div.col.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

div.col-container{
  *zoom:1;
}

div.col-container:before, div.col-container:after{
  display:table;
  content:"";
}

div.col-container:after {
  clear: both;
}

div.col-container div.col:not(.flex) {
 float: left;
  width: calc(100% - 360px);
}

div.col-container div.col.sidebar {
  float: left;
  width:320px;
  margin-left:40px;
}
div.col-container div.col.sidebar a {
  text-decoration: none;
}

div.col-container div.col.right {
  margin-left: 5%;
}
@media only screen and (max-width: 768px) {
  div.col-container div.col:not(.flex) {
    float: none;
    width: 100%;
  }

  div.col-container div.col.sidebar {
    float: none;
    width:100%;
    margin-left:0;
  }

}


.sidebar h2 {
  line-height: 2rem;
}
.sidebar h2.blog_title {
  margin-bottom: 40px;
  border:none;
}
.sidebar p.blog_back {
	font-size: 1rem;
	margin-bottom: 30px;
}

.sidebar h2.blog_title a {
  text-decoration: none;
}

.sidebar img.blog_banner {
  margin-bottom: 40px;
}

.sidebar .searchform {
  margin-top: 10px;
}
input.searchfield {
	width: 80%;
}
.sidebar p {
	font-size: .9rem;
	line-height:normal;
}

input.emailfield[type="text"] {
	width:100%;
	margin-bottom:10px;
}

ul.categories, ul.related, ul.last_posts, ul.last_comments {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}

ul.categories li, ul.related li, ul.last_posts li {  
  margin: 5px 0;  
	line-height: 1rem;
}

ul.last_comments li {  
  margin: 5px 0 15px 0;  
}

ul.categories li a, ul.related li a, ul.last_posts li a, ul.last_comments li a {
/*  text-decoration: none;
  font-size: 15px;  
  color:#245580;*/
}

ul.last_comments li {
  font-size: .7rem;
	line-height: .8rem;
}

ul.last_comments li a, ul.last_posts li a, ul.related li a {
  font-size: .9rem;
}

ul.categories li a:hover, ul.related li a:hover, ul.last_comments li a:hover {
  text-decoration: underline;
} 

ul.related li a span, ul.last_comments li a span.date {
  font-size: 11px;  
  color: #999;  
}

ul.related li a span.date, ul.last_comments li a span.date {
  display: block;
}

ul.last_comments li a span.post_title {
  font-size: 13px;
  display: block;  
}

ul.last_comments li a span.text {
  font-size: 11px;
  font-style: 'Courier new';
  color: #222;  
}

ul.last_comments li a:hover span.post_title {
  text-decoration: underline;
}

div.tag-cloud {
  margin: 40px 0;
  line-height:22px;
}

div.tag-cloud a {
  text-decoration: none;
  //margin: 0 5px 0 0;
}

div.tag-cloud a.tagged  { font-size: 17px; }
div.tag-cloud a.tagged1 { font-size: 13px; color:rgba(0, 0, 0,0.6); }
div.tag-cloud a.tagged2 { font-size: 15px; color:rgba(0, 0, 0,0.7); } 
div.tag-cloud a.tagged3 { font-size: 18px; color:rgba(0, 0, 0,0.8); } 
div.tag-cloud a.tagged4 { font-size: 20px; color:rgba(0, 0, 0,0.9); } 
div.tag-cloud a.tagged5 { font-size: 22px; color:rgba(0, 0, 0,1); } 

body.blog input[type=submit].subscribe-btn  {
	background-color:#97C21C;
	height:40px;
	width:auto;
	font-weight:500;
	font-size:15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:none;
	-webkit-box-shadow: 0px 3px 0px 0px #534b49;
	-moz-box-shadow:    0px 3px 0px 0px #534b49;
	box-shadow:         0px 3px 0px 0px #534b49;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	margin-top:12px;
	margin-left:0;
	padding:0px 25px;
}
body.blog input[type=submit].subscribe-btn:hover {
	height:44px;
	margin-top:-4px;
}
body.blog input[type=submit].search-btn {
	background-color:transparent;
	margin-left:10px;
	padding:0;
	background-image: url(../images/search-icon.png);
	background-repeat: no-repeat;
	width:27px;
	height:27px;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color:rgba(255,255,255,0);

}
body.blog input[type=submit].search-btn:hover {
	height:27px;
	margin-top:0;
}
input[type=submit]#comment_submit {
	background-color:#97C21C;
	margin-top:12px;
}

body.blog article a:not(.button) {
	color:#000;
}
body.blog .form label {
	float:none;
	width:auto;
}
div.addthis_inline_share_toolbox {
	margin-bottom:30px;
}
form.comment input.error {
	background-color:#FFFF99;
	border-color:#900;
}
.js-editor-container.error {
	background-color:#FFFF99;
	border-color:#900;
}
.pager {
  margin: 20px 0 0 0;
  flex: 0 0 100%;
}
.posts_pager, .posts_prev, .posts_next {
	display:block;
	margin-right:15px;
	float:left;
	font-size:1rem;
}
.posts_pager {
  background-color: var(--lgreen);
  display: block;
  padding: 0px 8px;
  color: #fff;
}
/*
.posts_pager:after {
  content: " | ";
  color: #707070;
  font-weight: normal;
}
.posts_pager:last-child:after {
  content: "";
}
*/
.posts_prev:before {
	content:"<< ";
}
.posts_next:after {
	content:" >>";
}
a.posts_pager.page_active, a.posts_pager.page_active:hover {
  background-color: #aaa;
  color:var(--black);
  font-weight: bold;
  cursor: default;
}
a.posts_pager:hover {
  color:#fff;
  text-decoration: none;
  background-color: var(--dgreen);
}
/* responsive *******************************/
/*		Wide screen layout: 1280px.  ***********************************/
@media only screen and (min-width: 1280px){
}
/*		Tablet Layout: 768px.  ***********************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/*		Mobile Layout: 320px.   ***********************************************************************************************/
@media only screen and (max-width: 767px) {
  div.col.flex {
    display: block;
    margin: 0;
  }
	body.blog .maincontent {
		margin-top:20px;
	}
	div.col-container div.col {
	  float: none;
	  width: 100%;
	}
	div.col-container div.col.sidebar {
	  float: none;
	  width: 100%;
	  margin-left:0px;
	  margin-top:30px;
	}
	
	div.col-container div.col.right {
	  margin-left: 0;
	}
  article {
    width: 100%;
  }
  article:not(.full) {
      width: 100%;
      margin-bottom: 30px;
      margin-left: 0;
  }  
	article.post img {
		float: none;
		/*margin: 0 0 20px 0;*/
		padding: 0;
	}
	body.blog .maincontent article h2 {
			width: 100%;
			float: none;
	}
}
/*		Wide Mobile Layout: 480px.   *********************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	article.post img {
		/*float:left;
		margin:0 20px 0px 0;*/
	}

}