/*=======================================================
    Blog - Post Image Colors
=======================================================*/
.blog-feed .post-image:before,
.post-template-default .color:before,
.post-template-default .related-service:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index:1;
    background: rgba(0, 0, 0, 0.9);
}

/** Teal **/
.blog-feed .post-image.teal.light:before,
.blog-feed .feed-post.teal-override .post-image.light:before,
.post-template-default .color.teal.light:before,
.post-template-default .related-service.teal.light:before {
    background: rgba(105, 246, 249, 0.4)
}
.blog-feed .post-image.teal:before,
.blog-feed .feed-post.teal-override .post-image:before,
.post-template-default .color.teal:before,
.post-template-default .related-service.teal:before {
    background: rgba(16, 173, 176, 0.4);
}
.blog-feed .post-image.teal.dark:before,
.blog-feed .feed-post.teal-override .post-image.dark:before,
.post-template-default .color.teal.dark:before,
.post-template-default .related-service.teal.dark:before {
    background: rgba(0, 66, 66, 0.6);
}


/** Red **/
.blog-feed .post-image.red.light:before,
.blog-feed .feed-post.red-override .post-image.light:before,
.post-template-default .color.red.light:before,
.post-template-default .related-service.red.light:before {
    background: rgba(247, 139, 145, 0.4);
}
.blog-feed .post-image.red:before,
.blog-feed .feed-post.red-override .post-image:before,
.post-template-default .color.red:before,
.post-template-default .related-service.red:before {
    background: rgba(228, 80, 88, 0.4);
}
.blog-feed .post-image.red.dark:before,
.blog-feed .feed-post.red-override .post-image.dark:before,
.post-template-default .color.red.dark:before,
.post-template-default .related-service.red.dark:before {
    background: rgba(109, 0, 6, 0.6);
}

/** Blue **/
.blog-feed .post-image.blue.light:before,
.blog-feed .feed-post.blue-override .post-image.light:before,
.post-template-default .color.blue.light:before,
.post-template-default .related-service.blue.light:before {
    background: rgba(92, 186, 255, 0.4);
}
.blog-feed .post-image.blue:before,
.blog-feed .feed-post.blue-override .post-image:before,
.post-template-default .color.blue:before,
.post-template-default .related-service.blue:before {
    background: rgba(0, 86, 149, 0.4);
}
.blog-feed .post-image.blue.dark:before,
.blog-feed .feed-post.blue-override .post-image.dark:before,
.post-template-default .color.blue.dark:before,
.post-template-default .related-service.blue.dark:before {
    background: rgba(0, 64, 111, 0.6);
}

/** Dark Red **/
.blog-feed .post-image.dark-red.light:before,
.blog-feed .feed-post.dark-red-override .post-image.light:before,
.post-template-default .color.dark-red.light:before,
.post-template-default .related-service.dark-red.light:before {
    background: rgba(210, 121, 126, 0.4);
}
.blog-feed .post-image.dark-red:before,
.blog-feed .feed-post.dark-red-override .post-image:before,
.post-template-default .color.dark-red:before,
.post-template-default .related-service.dark-red:before {
    background: rgba(158, 55, 61, 0.4);
}
.blog-feed .post-image.dark-red.dark:before,
.blog-feed .feed-post.dark-red-override .post-image.dark:before,
.post-template-default .color.dark-red.dark:before,
.post-template-default .related-service.dark-red.dark:before {
    background: rgba(84, 13, 17, 0.6);
}

/** Green **/
.blog-feed .post-image.green.light:before,
.blog-feed .feed-post.green-override .post-image.light:before,
.post-template-default .color.green.light:before,
.post-template-default .related-service.green.light:before {
    background: rgba(111, 245, 161, 0.4);
}
.blog-feed .post-image.green:before,
.blog-feed .feed-post.green-override .post-image:before,
.post-template-default .color.green:before,
.post-template-default .related-service.green:before {
    background: rgba(0, 149, 56, 0.4);
}
.blog-feed .post-image.green.dark:before,
.blog-feed .feed-post.green-override .post-image.dark:before,
.post-template-default .color.green.dark:before,
.post-template-default .related-service.green.dark:before {
    background: rgba(0, 70, 26, 0.6);
}

/** Orange **/
.blog-feed .post-image.orange.light:before,
.blog-feed .feed-post.orange-override .post-image.light:before,
.post-template-default .color.orange.light:before,
.post-template-default .related-service.orange.light:before {
    background: rgba(255, 161, 89, 0.4);
}
.blog-feed .post-image.orange:before,
.blog-feed .feed-post.orange-override .post-image:before,
.post-template-default .color.orange:before,
.post-template-default .related-service.orange:before {
    background: rgba(255, 125, 24, 0.4);
}
.blog-feed .post-image.orange.dark:before,
.blog-feed .feed-post.orange-override .post-image.dark:before,
.post-template-default .color.orange.dark:before,
.post-template-default .related-service.orange.dark:before {
    background: rgba(169, 75, 2, 0.6);
}

/** Gray **/
.blog-feed .post-image.gray:before,
.blog-feed .feed-post.gray-override .post-image:before,
.post-template-default .color.gray:before,
.post-template-default .related-service.gray:before {
    background: rgba(55, 55, 55, 0.2);
}
.blog-feed .post-image.gray:before,
.blog-feed .feed-post.gray-override .post-image:before,
.post-template-default .color.gray:before,
.post-template-default .related-service.gray:before {
    background: rgba(45, 45, 45, 0.4);
}
.blog-feed .post-image.gray.dark:before,
.blog-feed .feed-post.gray-override .post-image.dark:before,
.post-template-default .color.gray.dark:before,
.post-template-default .related-service.gray.dark:before {
    background: rgba(35, 35, 35, 0.6);
}


.blog-feed .post-image img,
.post-template-default .color img,
.post-template-default .related-service img {
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.blog-feed .feed-post.black-override .post-image.light:before {
    background: rgba(0, 0, 0, 0.4);
}
.blog-feed .feed-post.black-override .post-image:before {
    background: rgba(0, 0, 0, 0.6);
}
.blog-feed .feed-post.black-override .post-image.dark:before {
    background: rgba(0, 0, 0, 0.8);
}

/** Categories **/
.post-image .blog-feed-category {
    display: block;
    position: absolute;
    bottom:0;
    right:0;
    max-width: 50%;
    background: rgba(0, 0, 0, 0.5);
}
.post-image .blog-feed-category a {
    color: #fff;
    display: block;
    padding: 8px 10px;
    font-family: 'Open Sans', sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 16px;
    overflow: hidden;
}
.blog-feed .feed-post.teal-override .post-image .blog-feed-category,
.post-image.teal .blog-feed-category {
    background: rgba(16, 173, 176, 0.6);
}
.blog-feed .feed-post.red-override .post-image .blog-feed-category,
.post-image.red .blog-feed-category {
    background: rgba(228, 80, 88, 0.6);
}
.blog-feed .feed-post.blue-override .post-image .blog-feed-category,
.post-image.blue .blog-feed-category {
    background: rgba(0, 86, 149, 0.6);
}
.blog-feed .feed-post.black-override .post-image .blog-feed-category,
.post-image.black .blog-feed-category {
    background: rgba(0,0,0,.6);
}
.blog-feed .feed-post.dark-red-override .post-image .blog-feed-category,
.post-image.dark-red .blog-feed-category {
    background: rgba(158, 55, 61, 0.8);
}
.blog-feed .feed-post.green-override .post-image .blog-feed-category,
.post-image.green .blog-feed-category {
    background: rgba(0, 149, 56, 0.8);
}
.blog-feed .feed-post.dark-gray-override .post-image .blog-feed-category,
.post-image.dark-gray .blog-feed-category {
    background: rgba(45, 45, 45, 0.8);
}
.blog-feed .feed-post.light-gray-override .post-image .blog-feed-category,
.post-image.light-gray .blog-feed-category {
    background: rgba(180, 180, 180, 0.8);
}
.blog-feed .feed-post.orange-override .post-image .blog-feed-category,
.post-image.orange .blog-feed-category {
    background: rgba(255, 125, 24, 0.8);
}