.blog-grid {
	/*padding: 12px;*/
	width: 100%;
}

.grid-sizer,
.grid-item { width: 25%; float: left;}
.grid-item--width2 { width: 50%; float: left;}


.blog-large {
	background-color: #A5A5A5;
	height: 385px;
	margin: 12px;
}

.blog-medium {
	height: 181px;
	margin: 12px;
}


.blog-small {
	height: 207px;
	margin: 12px;
}

.blog-content {
	height: 150px;
	overflow: hidden;
	padding: 17px 17px 17px 17px;
	word-wrap: break-word;
	overflow: hidden;
}

.blog-content-large {
	float: left;
	width: 75%;
	padding: 17px 17px 17px 17px;
}

.blog-readmore-large {
	padding-top: 35px;
	float: left;
	width: 25%;
	display: block;
}

.blog-readmore-large img{
	padding: 0px 17px 0px 5px;
}



/*.blog-image-small img{
	text-align: center;
	margin: 0 auto;
}*/

.blog-image-small {
	height: 150px;      /* equals max image height */
	width:50%;
    white-space: nowrap;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float:right;
}

.category {
    height: 33px;
    padding: 7px;
    border: 1px solid #e0e0e0;
    background-color: #f7f8f7;
    float: right;
    width: 100%;
}

.orange {
	background-color: #f06628;
}

.cyan {
	background-color: #42c2db;
}

.red {
	background-color: #ec4135;
}

.purple {
	background-color: #a34498;
}

.blue {
	background-color: #0a70b9 !important;
}
.grey{
	background-color: #127dbe !important;
}

.first {
	background-color: #A5A5A5;
}

.readmore {
	background-color: #A5A5A5;
	height: 31px;
	padding: 2px 10px 0px 17px;	
}

.readmore img {
	float: right;
	padding-top: 12px;
}

span.blog-readmore{
    font-size: 11px;
    color: white;

}

span.blog-readmore-large{
    font-size: 11px;
    color: white;
    width: 100%;
    text-align: right;
}

p.blog-date{
	color: white;
	font-size: 11px;
	margin-top: 0px;
}

.blog-small:hover, .blog-medium:hover, .blog-large:hover{
	background-color: #A5A5A5 !important;
}

p.blog-date-large{
	color: white;
	font-size: 11px;
	padding: 0;
	margin: 0;

}

p.blog-title{
	color: white;
	font-size: 13px;
}

p.blog-summary {
	color: white;
	font-size: 10px;
}

p.blog-title-medium{
	color: white;
	font-size: 13px;
}

p.blog-title-large{
	color: white;
	font-size: 13px;
}

p.blog-summary-medium {
	color: white;
	font-size: 12px;
}

.single-post {
	border-bottom: 1px solid #b3b4b6;
}

.blog-search-field {
    height: 33px;
    padding: 7px;
    border: 1px solid #e0e0e0;
    background-color: #f7f8f7;
    width: 100%;
}

/* COMMENTS */
p.comment-form-url {
	display: none;
}

.reply {
    padding-bottom: 10px;
}

.comment-meta.commentmetadata a {
    font-size: 12px;
    color: grey;
 }

 .comment-form input, .comment-form textarea {
    padding: 7px;
    border: 1px solid #e0e0e0;
    background-color: #f7f8f7;
 }

 .comment-form-comment label {
 	    display: block;
 }

 .comment-form input {
 	 	height: 33px;
 }

 p.form-submit .submit {
 	background-color: #009fe0;
    padding: 8px 24px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border: 0;
    font-family: 'OpenSans-Bold';
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-transform: uppercase;
        height: auto;
 }

 .comment-reply-title small {
 	font-size: 14px;
    font-weight: normal;
 }

 .required {
 	color: red;
 }

 p.comment-subscription-form,  p.comment-subscription-form input{
    margin-bottom: 5px;
    margin-top: 5px;
    height: auto;
}

#comments ul,#comments ol,#comments li{margin:0;padding:0;list-style:none;}
#comments li.comment{margin-top:10px;margin-bottom:10px;}#comments li.comment.depth-1{border-bottom:1px solid #00a0df;}
#comments article.comment{margin-bottom:15px;}
#comments li li{margin-left:10px;}
#comments footer{*zoom:1;}#comments footer:before,#comments footer:after{display:table;content:"";}
#comments footer:after{clear:both;}
#comments .avatar{float:left;margin:0 10px 10px 0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}

@media only screen and (min-width:768px) {
	.blog-search {
		padding-right: 20px;
		margin-bottom: 10px;
		padding-left: 12px;
	}

	.category {
		margin-right: 12px;
	}
}

.medium {
	display: none !important;
}

.blog-image {
	height: 285px;      /* equals max image height */
    white-space: nowrap;
    text-align: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.content-forward {
	float: right;
    padding-top: 25px;
}

.content-forward img{
	float: right;
    padding: 10px;
    width: 100%;
}

.wp-pagenavi {
    margin:20px 10px;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
	text-align:center
}

.wp-pagenavi a, .wp-pagenavi span, span.category a {
    padding-right: 5px;
	color:#A5A5A5;
}

a.first {
	background-color: #fff;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current{
	border-color:#0a70b9	;
	background:#0a70b9;
	color:#FFF;
}





/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Mobile */
@media only screen and (max-width : 768px) {

	.grid-sizer,
	.grid-item, .grid-item--width2 { width: 98%; float: left;}

	p.blog-summary {
		font-size: 12px;
	}

	.blog-image-small, .blog-image-small img {
			display: block;
		}

	.blog-medium {
		margin: 12px 0px 12px 0px;
	}

	.large {
		display: none !important;
	}

	.medium {
		display: block !important;
	}

	.blog-search-field {
		margin-bottom: 15px;
	}

	.wp-pagenavi a.page, span.extend, a.last {
 		display: none;
 	}

 	.wp-pagenavi {
 		text-align: center;
 	}

 	.blog-search-field {
 		width: 98%;
 	}

 	.category {
 		width: 98%;
 		float: left;
 	}
	    
}

/* Tablets */
@media only screen and (min-width:768px) and (max-width:900px){

	.content-forward img {
	    width: 90%;
	}
}




/* Desktops */
@media only screen and (max-width:1199px) {

}

@media only screen and (max-width:767px) {
	.cf-banner .mix-bird-2 {
		background-image: none;
	}
	
}

@media only screen and (max-width:500px) {

	.blog-image-small, .blog-image-small img {
			display: none;
		}

	.blog-content {
		padding: 8px;
	}
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }