/*
Theme Name: NOISA - Child Theme
Theme URI: http://rascals.eu/crow
Description: A child theme of NOISA Theme
Author: Rascals Themes
Author URI: http://themeforest.net/user/rascals
Version: 1.0.1
Template: noisa
*/
@import url("../noisa/style.css");

/* Thumb Desc */
.dark-bg .thumb-desc ,
.thumb-desc {
    background-color: #000;
}
.thumb-desc > .desc-layer {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+36,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index:4;
    overflow: hidden;
    opacity: 1;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-desc.thumb-post-count > .desc-layer {
    opacity:1;
}
.thumb-desc .desc-details {
    position:absolute;
    left:15px;
    right: 15px;
    bottom:15px;
}
.thumb-desc > img {
     transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-desc:hover > img {
    opacity: 1.6;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.thumb-desc:hover > .desc-layer {
    opacity: 1;
}
.thumb-desc .grid-title, .thumb-desc .grid-cats, .thumb-desc .grid-date  {
   transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
   opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.thumb-desc .images-count {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 1;
}
.thumb-desc:hover .images-count {
     -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.thumb-desc:hover .grid-title, .thumb-desc:hover .grid-cats, .thumb-desc:hover .grid-date {
     opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.thumb-desc:hover .grid-title {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.thumb-desc:hover .grid-cats, .thumb-desc:hover .grid-date {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* Thumb Event */
.thumb-event {
    background-color: #1B1C1F;
}
.inverted .thumb-event.past-event > img {
    opacity:0.5;
}
.thumb-event > .desc-layer {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    z-index:4;
    overflow: hidden;
}
.thumb-event > img {
    opacity: 1.05;
}
.thumb-event .desc-details {
    position:absolute;
    left:15px;
    right:15px;
    top:15px;
    color:#fff;
}
.thumb-event .event-meta-top {
    margin-bottom: 10%;
}
.thumb-event .event-day {
    color: #E82561;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.thumb-event .event-day:after {
    content: " / ";
    color:#fff;
}
.thumb-event .event-locations {
    font-size: 14px;
}
.thumb-event .event-meta-bottom {
}
.thumb-event .event-date {
    font-weight: 700;
    font-size:48px;
}
.thumb-event .event-artists {
    font-size: 15px;
    opacity:0.8;
    display: block;
}
.thumb-event .grid-title {
    line-height:normal;
    margin-bottom:0;
    text-transform: uppercase;
}
.thumb-event:hover > img {
    opacity: 1;
    filter:none;
    filter: none;
    -webkit-filter: none;
}
.thumb-event .event-meta-top,
.thumb-event .event-meta-bottom,
.thumb-event > img  {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-event:hover .event-meta-top,
.thumb-event:hover .event-meta-bottom  {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.thumb-event .pill-btn {
    display: block;
    float: left;
    clear: both;
    margin-top: 10px;
}

.inverted .thumb-event > img {
    opacity: 1;
}
.inverted .thumb-event:hover > img {
    opacity: 1.05;
}
.inverted .thumb-event .event-meta-top,
.inverted .thumb-event .event-meta-bottom {
     opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.inverted .thumb-event:hover .event-meta-top,
.inverted .thumb-event:hover .event-meta-bottom {
     opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}