.bg-light {
    background-color: #f7f7f7; }

.bg-dark {
    background-color: #171821; }

.bg-blue-grad {
    color: #FFF;
    padding: 30px 0;
    background: #336da8;
    background: -moz-linear-gradient(left, #336da8 0%, #5e93c9 50%, #336da8 100%);
    background: -webkit-linear-gradient(left, #336da8 0%,#5e93c9 50%,#336da8 100%);
    background: linear-gradient(to right, #336da8 0%,#5e93c9 50%,#336da8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336da8', endColorstr='#336da8',GradientType=1 );
}    

/*-------------------------------------------------------*/
/* Main Entry Styles
/*-------------------------------------------------------*/
.entry {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px; }
.entry__img-holder {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%; }
.entry__img {
    width: 100%; }
.entry__title {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 3px;
    margin-bottom: 5px; }
.entry__title:hover a {
    color: #2D95E3; }
.entry__title--sm {
    font-size: 15px; }
.entry__excerpt {
    margin-top: 16px; }
.entry__excerpt p {
    margin-bottom: 0; }
.entry__play-time {
    position: absolute;
    bottom: 32px;
    left: 32px;
    background-color: #2D95E3;
    color: #fff;
    padding: 7px 11px;
    font-weight: 700;
    pointer-events: none; }
.entry__play-time i {
    margin-right: 5px; }

/* Meta
-------------------------------------------------------*/
.entry__meta li {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #83858F; }
.entry__meta li:after {
    content: '-';
    display: inline-block;
    margin: 0 3px; }
.entry__meta li.entry__meta-views:after {
    content: '';
    margin: 0 8px;
    display: inline-block; }
.entry__meta li:last-child:after {
    display: none; }

.entry__meta a {
    color: #2D95E3; }
.entry__meta a:hover {
    color: #171821; }

.entry__meta i {
    display: inline-block;
    margin-right: 5px; }

.entry__meta-category {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
    color: #0098d0; }
.entry__meta-category--label {
    font-size: 10px;
    background-color: #2D95E3;
    padding: 5px 10px;
    z-index: 2;
    color: #fff;
    margin-bottom: 0;
    display: inline-block; }
.entry__meta-category--label:hover, .entry__meta-category--label:focus {
    color: #fff;
    opacity: 0.90; }
.entry__meta-category--align-in-corner {
    position: absolute;
    left: 16px;
    bottom: 16px; }
.entry__meta-category--violet {
    background-color: #3E3EDD; }
.entry__meta-category--purple {
    background-color: #9C27B0; }
.entry__meta-category--blue {
    background-color: #0000a0; }
.entry__meta-category--cyan {
    background-color: #00BCD4; }
.entry__meta-category--green {
    background-color: #19C22A; }
.entry__meta-category--orange {
    background-color: #E65100; }
.entry__meta-category--red {
    background-color: #F44336; }
.entry__meta-category--pink {
    background-color: #dc647f; }

.entry__meta-rating i {
    font-size: 16px;
    color: #FBC02D;
    margin-right: 2px; }

.entry__meta + .entry__meta,
.entry__meta-category--label + .entry__meta {
    margin-top: 16px; }

.entry__meta + .entry__img-holder {
    margin-top: 20px; }

.entry__meta-holder {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.entry__meta-holder .entry__meta {
    margin-top: 0; }

.entry-date-label {
    background-color: #fff;
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 8px;
    text-align: center;
    font-family: "Montserrat", sans-serif; }
.entry-date-label__weekday, .entry-date-label__month {
    font-size: 8px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600; }
.entry-date-label__weekday {
    color: #54555E; }
.entry-date-label__day {
    color: #2D95E3;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25; }
.entry-date-label__month {
    color: #2D95E3; }


/*-------------------------------------------------------*/
/* Post Thumbs
/*-------------------------------------------------------*/
.thumb-container {
    background-color: #f7f7f7;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
.thumb-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
.footer--dark .thumb-container {
    background-color: #171821; }

.thumb-text-holder {
    position: absolute;
    bottom: 24px;
    width: 100%;
    z-index: 3;
    padding: 0 24px;
    text-align: center; }



.thumb-text-holder .entry__meta li,
.thumb-text-holder .entry__meta a,
.thumb-text-holder .entry__meta a:hover,
.thumb-text-holder .entry__meta a:focus {
    color: #fff !important; }
.thumb-text-holder--1 {
    text-align: left; }
.thumb-text-holder--1 .thumb-entry-title {
    font-size: 18px;
    margin-bottom: 24px; }
.thumb-text-holder--2 {
    text-align: left; }
.thumb-text-holder--2 .thumb-entry-title {
    font-size: 34px;
    margin-top: 14px;
    margin-bottom: 8px; }
@media only screen and (max-width: 767px) {
    .thumb-text-holder--2 .thumb-entry-title {
        font-size: 20px; } }
.thumb-text-holder--2 .entry__meta a {
    color: #fff !important; }
.thumb-text-holder--3 {
    text-align: left; }
.thumb-text-holder--3 .thumb-entry-title {
    font-size: 28px;
    margin-top: 0px; }
@media only screen and (max-width: 767px) {
    .thumb-text-holder--3 .thumb-entry-title {
        font-size: 20px; } }
.thumb-text-holder--4 {
    text-align: left; }
.thumb-text-holder--4 .thumb-entry-title {
    font-size: 16px; }
.thumb-text-holder--5 {
    text-align: center;
    top: 50%;
    left: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.thumb-text-holder--5 .thumb-entry-title {
    font-size: 40px;
    max-width: 770px;
    margin: 8px auto; }
@media only screen and (max-width: 767px) {
    .thumb-text-holder--5 .thumb-entry-title {
        font-size: 20px; } }

.thumb {
    margin-bottom: 48px; }
.thumb--mb-20 {
    margin-bottom: 20px; }
.thumb--size-1 {
    height: 197px; }
.thumb--size-2 {
    height: 298px; }
.thumb--size-3 {
    height: 460px; }
.thumb--size-4 {
    height: 395px; }
.thumb--size-5 {
    height: 521px; }
.thumb--size-6 {
    height: 609px; }
@media only screen and (max-width: 991px) {
    .thumb--size-6 {
        height: 440px; } }
@media only screen and (max-width: 767px) {
    .thumb--size-3, .thumb--size-4, .thumb--size-5, .thumb--size-6 {
        height: 300px; } }
.thumb__img-holder {
    height: 100%;
    margin-bottom: 0;
}
 

@media screen and (max-width: 1199px) {
    .thumb--size-4 {
        height: 312px;
    }
    .thumb--size-1 {
        height: 150px;
    }
}
@media screen and (max-width: 989px) {
    .thumb--size-4 {
        height: 470px;
    }
    .thumb--size-1 {
        height: 450px;
    }    
}
@media screen and (max-width: 767px) {
    .thumb--size-4, .thumb--size-1 {
        height: 340px;
    }
    
}
@media screen and (max-width: 574px) {
    .entry__img-holder {
        background-position: top left;
    }
    
}
@media screen and (max-width: 374px) {
    .thumb--size-4 {
        height: 300px;
    } 
    .thumb--size-4 div.entry__img-holder.thumb__img-holder {
        background-size: 100%;
        
    }
    
    .thumb--size-1 {
        height: 200px;
    }
    
}

    

.thumb-url {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; }

.thumb-entry-title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}

.thumb-entry-title:hover a,
.thumb-entry-title a:focus {
    color: #fff; }

    h2.thumb-entry-title, h2.thumb-entry-title a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    
}
h2.thumb-entry-title:hover a,
h2.thumb-entry-title a:focus {
    color: #ebe5b1; }

.thumb-50 {
    padding-bottom: 50%; }

.thumb-60 {
    padding-bottom: 60%; }

.thumb-65 {
    padding-bottom: 65%; }

.thumb-70 {
    padding-bottom: 70%; }

.thumb-75 {
    padding-bottom: 75%; }

.thumb-80 {
    padding-bottom: 80%; }

.thumb-100 {
    padding-bottom: 100%; }

/*-------------------------------------------------------*/
/* Featured Posts Grid
/*-------------------------------------------------------*/
.featured-posts-grid {
    padding-bottom: 40px;
    padding-top: 40px;
    overflow: hidden; }
.featured-posts-grid__item {
    padding-bottom: 8px; }
.featured-posts-grid__item--sm {
    height: 33.333%; }
.featured-posts-grid__item--sm .entry__title {
    font-size: 16px; }
@media only screen and (min-width: 992px) {
    .featured-posts-grid__item--sm:first-child .post-list__img-holder, .featured-posts-grid__item--sm:last-child .post-list__img-holder {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
.featured-posts-grid__entry {
    height: 100%;
    margin-bottom: 0 !important;
    min-height: auto !important; }
.featured-posts-grid__item--lg {
    height: 100%; }
.featured-posts-grid__item--lg .thumb-text-holder {
    bottom: 60px;
    padding: 0 50px; }
.featured-posts-grid__item--lg .entry__title {
    font-size: 32px;
    line-height: 1.3; }
@media only screen and (max-width: 767px) {
    .featured-posts-grid__item--lg .entry__title {
        font-size: 20px; } }
.featured-posts-grid--1 .row {
    margin: 0 -1px; }
.featured-posts-grid--1 .row > div {
    padding: 0 1px; }
.featured-posts-grid--1 .thumb {
    margin-bottom: 2px; }

.bottom-gradient {
    position: absolute;
    width: 100%;
    height: 55%;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 62, 116, 0.8);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 62, 116, 0.8)), to(transparent));
    background: linear-gradient(to top, rgba(0, 62, 116, 0.8) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}

.bottom-gradient-50 {
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    z-index: 1;
    background: rgba(50, 50, 50, 0.6);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(50, 50, 50, 0.6)), to(transparent));
    background: linear-gradient(to top, rgba(50, 50, 50, 0.6) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}

.bottom-gradient-0 {
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}