@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

/*.widget.widget_news_gallery {padding: 0;}*/

.sidebar-after-header .widget {
    padding: 0;
}
.widget_news_gallery .row > div {
    padding: 0;
}
.news-gallery-item-content > img {
    width: 100%;
}
.news-gallery-item:last-child .news-gallery-item-content {
    margin-right: 0;
}
.news-gallery-item-content {
    /*margin-top: 1px;*/
}
.news-gallery-item-content:first-child {
    margin-top: 0;
}
.news-gallery-high {
    height: 245px;
}
.news-gallery-low {
    height: 81px;
}
.news-gallery-high > a, .news-gallery-high > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
    display: block;
    cursor: pointer;
}

.news-gallery-item-content--table {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}
.news-gallery-item-content--cell {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    line-height: 0; /* need to remove unnecessary spaces inline-block's */
}
.news-gallery-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.news-gallery-item-meta {
    position: relative;
}
/*
@media screen and (max-width: 767px) {
    .news-gallery-item {
        margin-bottom: 1px;
    }
    .news-gallery-item-content.news-gallery-high {
        margin-top: 1px;
        margin-bottom: 1px;
    }
}
*/
.news-gallery-item-content .overlay {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news-gallery-item-content .overlay {background: rgba(50,50,50,0.01); /* #323232 */ }
.news-gallery-item-content:hover .overlay {background: rgba(50,50,50,0.5);}
.news-gallery-item-content .overlay:before,
.news-gallery-item-content .overlay:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.news-gallery-item-content .overlay:before {}
.news-gallery-item-content .overlay:after {
    background: -moz-linear-gradient(top,  rgba(50,50,50,0.01) 0%, rgba(50,50,50,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,0.01)), color-stop(100%,rgba(50,50,50,0.9)));
    background: -webkit-linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.9) 100%);
    background: -o-linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.9) 100%);
    background: -ms-linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.9) 100%);
    background: linear-gradient(to bottom,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.9) 100%);
}

/* Category */
.news-gallery-category {
    display: inline-block;
}
.news-gallery-category a {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.4167em 1.5em;
    margin: 1em;
    background-color: #00abef;
    color: #ffffff;
}
.news-gallery-high .news-gallery-category a {background-color: #c14240;}
.news-gallery-item:nth-child(1) .news-gallery-item-content:nth-child(2) .news-gallery-category a {background-color: #90b032;}
.news-gallery-item:nth-child(3) .news-gallery-item-content:nth-child(1) .news-gallery-category a {background-color: #d93e2d;}
.news-gallery-item:nth-child(3) .news-gallery-item-content:nth-child(2) .news-gallery-category a {background-color: #f9a729;}

.news-gallery-category a,
.news-gallery-category a:focus,
.news-gallery-category a:active {
    color: #ffffff;
}
.news-gallery-category a:hover,
.news-gallery-high .news-gallery-category a:hover,
.news-gallery-item:nth-child(1) .news-gallery-item-content:nth-child(2) .news-gallery-category a:hover,
.news-gallery-item:nth-child(3) .news-gallery-item-content:nth-child(1) .news-gallery-category a:hover,
.news-gallery-item:nth-child(3) .news-gallery-item-content:nth-child(2) .news-gallery-category a:hover {
    background-color: rgba(193, 66, 64, 0.5);
}

/* Title */
.news-gallery-title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    padding: 0 1.25em 1.25em 1.25em;
    color: #ffffff;
}
.news-gallery-high .news-gallery-title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 0.5833em 1.25em 0.5833em;
}
.news-gallery-high .news-gallery-title.with-post--meta {
    padding: 0 0.5833em 0.5833em 0.5833em;
}
@media screen and (min-width: 68.75em) {
    .news-gallery-high .news-gallery-title {
        font-size: 36px;
        font-size: 3.6rem;
        padding: 0 0.3889em 0.8334em 0.3889em;
    }
    .news-gallery-high .news-gallery-title.with-post--meta {
        padding: 0 0.3889em 0.3889em 0.3889em;
    }
}

.news-gallery-title a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-weight: 100;
}
.news-gallery-title a,
.news-gallery-title a:focus,
.news-gallery-title a:active {
    color: #ffffff;
}
.news-gallery-title a:hover {
    color: #b0aead;
}

/* Post meta */
.post--views,
.post--count,
.post--likes {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1;
    padding: 0 0.5834em 2em 0.5834em;
}
.post--views,
.post--count,
.post--likes,
.post--count,
.post--count a {
    color: #ffffff;
}
.post--views:before,
.post--count a:before,
.post--likes:before {
    content: '';
    font-family: 'Genericons';
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    float: left;
    margin-top: -2px;
    margin-top: -.2rem;
    padding-right: 0.3571em;
    color: #e12968;
}

/* icons */
.post--views:before {content: "\f403";}
.post--count a:before {content: "\f300";}
.post--likes:before {content: "\f461";}

/* Font family */
.news-gallery-category a,
.news-gallery-title,
.post--views,
.post--count,
.post--likes {
    font-family: 'Roboto', sans-serif;
}

/* Letter spacing */
.news-gallery-category,
.news-gallery-category a,
.news-gallery-title,
.news-gallery-title a,
.post--views,
.post--count,
.post--count a,
.post--likes {
    letter-spacing: 0;
}

/* Animate/Transition */
.news-gallery-item-content .overlay,
.news-gallery-item-content:hover .overlay {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Change layout for different places */

/* Secondary / left/right sidebar */
/*.secondary .news-gallery-item {width: 100% !important;}
.secondary .news-gallery-item .news-gallery-item-content {margin: 0}
.secondary .news-gallery-item + .news-gallery-item .news-gallery-item-content {margin: 1px 0 0 0;}
.secondary .news-gallery-item .news-gallery-item-content + .news-gallery-item-content {margin: 1px 0 0 0;}
.secondary .high-position-3 .news-gallery-low {margin-right: 0;}
.secondary .high-position-3 .news-gallery-high {
    margin-top: 1px;
    margin-right: 0;
    margin-bottom: 1px;
} */



/* fixes */
.news-gallery-high,
.news-gallery-item {position: relative;}
/* big-image-1 */
.big-image-1 .news-gallery-high {margin-top: 1px;}
.big-image-1 .news-gallery-item {margin-top: 1px; margin-left: 1px;}
/* big-image-2 */
.big-image-2 .news-gallery-item {margin-top: 1px; margin-right: 1px;}

/*.widget.widget_news_gallery {padding: 0;}*/

/* responsive fixes and widget placements */

/* secondary left/right sidebar */

.secondary .big-image-1 > .col-md-6 {width: 100%;}
.secondary .big-image-1 > .col-md-6 + .col-md-6 {width: 100%;}
.secondary .big-image-1 .col-md-6.row-1 .row-3,
.secondary .big-image-1 .col-md-6.row-1 .row-6 {display: none;}

.secondary .big-image-2 > .col-md-6 {width: 100%;}
.secondary .big-image-2 > .col-md-2 {width: 33.33333333%;}
.secondary .big-image-2.row-6 {display: none;}
.secondary .big-image-2.row-12 .row-item-15,
.secondary .big-image-2.row-12 .row-item-16,
.secondary .big-image-2.row-12 .row-item-17 {display: none;}

/* footer */

.footer .big-image-1 > .col-md-6 {width: 100%;}
.footer .big-image-1 > .col-md-6 + .col-md-6 {width: 100%;}
.footer .big-image-1 .col-md-6.row-1 .row-3,
.footer .big-image-1 .col-md-6.row-1 .row-6 {display: none;}

@media (min-width: 768px) {
    .footer .big-image-2 > .col-md-6 {width: 100%;}
    .footer .big-image-2 > .col-md-2 {width: 33.33333333%;}
}
.footer .big-image-2.row-6 {display: none;}
.footer .big-image-2.row-12 .row-item-15,
.footer .big-image-2.row-12 .row-item-16,
.footer .big-image-2.row-12 .row-item-17 {display: none;}