/* Colors:
    Red: #9f1709;
    Dark Blue: #3f5574;
    Orange: #e0742e;
*/

/*******************************************************************************
 * STREAM TILES
 ******************************************************************************/

#collection-items .tile:not(.portrait) .description,
#collection-items .tile,
#collection-items .tile:not(.portrait):not(.youtube) img,
#collection-items .tile:not(.highlight):not(.portrait) .description h4,
#collection-items .tile:not(.highlight):not(.portrait) .description h4.long-h3  {
    transition: all 1.1s ease-in;
    transition-delay: 1.1s;
}
#collection-items .tile:hover .description,
#collection-items .tile:hover,
#collection-items .tile:hover img,
#collection-items .tile:not(.highlight):hover .description h4,
#collection-items .tile:not(.highlight):hover .description h4.long-h3 {
    transition: all 0.19s cubic-bezier(0, 0.36, 0.09, 0.73);
    transition-delay: 0.3s;
}

#collection-items .tile.single.no-img:hover .description h4,
#collection-items .tile.single.no-img:hover .description h4.long-h3 {
    transition: all 0.1s;
    transition-delay: 0.1s;
}

#collection-items .tile.bloated:not(.highlight):hover .description {
    height: 100%;
}
#collection-items .tile:not(.highlight):hover .description h4,
#collection-items .tile:not(.highlight):hover .description h4.long-h3 {
    opacity: 0.98;
    filter: alpha(opacity=98);
}
#collection-items .tile:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28);
}
#collection-items .tile,
#collection-items .tile:hover {
    transition: box-shadow 0.1s ease-in-out 0s;
}

#collection-items .tile.bloated:not(.highlight):not(.uberflip):not(.youtube):not(.twitter):hover img {
    filter: blur(5px);
    transition-delay: 0.4s;
}
div.tile.single>a.view,
li.tile.single>a.view {
    background-image: none;
    margin: 0 20px;
    padding: 3px 0px;
    font-size: 8pt;
    font-weight: 900;
    letter-spacing: 0.75px;
    width: auto;
    border-radius: 0;
    height: auto;
    text-transform: uppercase;
    line-height: 1;
    bottom: 10px;
    white-space: nowrap;
    color: #9f1709;
    background: none !Important;
    border-width: 0px;
    border-style: solid;
    box-shadow: none;
    transition: 0.2s all;
    transform: translateZ(0);
}

.tile.single:hover>a.view {
    text-decoration: none;
}

.tile.single>a.view:before {
    display: none;
}

.tile.single>a.view:after {
    display: inline;
    content: ' ›';
    position: relative;
    top: -1px;
    left: 3px;
    right: auto;
    bottom: auto;
    background: none;
}

.tile .description {
    border-top: 1px solid #fefefe;
}

/* Description Gradient */

.tile.single>.description:after {
    content: '';
    margin-left: -20px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white 77%);
    height: 8rem;
    bottom: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
}
/* transparency for descriptions in tiles on hover */
.tile.single .description {
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}

.tile.single.youtube .description {
    opacity: 1.00;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.tile.single.with-img .description h4.long-h3 {
    display: inherit;
}
.tile.single .description .friendly-timestamp {
    display: none;
}