Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / ailwtbdh / public_html / wp-content / plugins / element-ready-lite / assets / css / widgets /

Editing: gallaery copy.css

/*=====================================
    GALLERY STYLE
=======================================*/
/*---------------------------
    FILTER MENU
----------------------------*/
.filter__menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.filter__menu ul li {
    display: inline-block;
    cursor: pointer;
    padding: 10px 20px;
    transition: 0.3s;
}

.filter__menu ul li.active {
    color: #DE2B36;
}
.element__ready__gallery__item__parent {
    width: 33.33%;
}
/*---------------------------
    GALLERY LAYOUT 1
-----------------------------*/

.single__gallery__item {
    overflow: hidden;
    position: relative;
}
.gallery__item__thumbnail {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.gallery__sale__flush {
    background: #F9C200;
    border-radius: 50px 0 0 50px;
    color: #171C29;
    font-size: 14px;
    padding: 3px 20px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 9;
}
.gallery__item__content {
    padding: 30px;
    position: relative;
}

.gallery__caption {
    color: #ffffff;
}
.gallery__item__price {
    color: #F9C200;
    font-size: 24px;
    margin-top: 20px;
    font-weight: 700;
}
.gallery__regular__price {
    color: #BDBDBD;
}

.element__ready__gallery__layout__1 {
    border-radius: 10px;
    overflow: hidden;
    background: #242424;
}
.element__ready__gallery__layout__1:hover .gallery__item__thumbnail img {
    transform: scale(1.5);
}
.element__ready__gallery__layout__1 .gallery__caption {
    color: #ffffff;
}
/*-------------------------
    GALLERY LAYOUT 2
--------------------------*/
.element__ready__gallery__layout__2 {
    background: #ffffff;
    border-radius: 10px;
}
.element__ready__gallery__layout__2:hover .gallery__item__thumbnail img {
    transform: scale(1.5);
}
.element__ready__gallery__layout__2 .gallery__caption {
    color: #233653;
}

.element__ready__gallery__layout__2 .gallery__item__price {
    color: #DE2B36;
}

.element__ready__gallery__layout__2 .gallery__sale__flush {
    background: #DE2B36;
    color: #ffffff;
}

/* --------------------------
    GALLERY LAYOUT 3
---------------------------- */
.element__ready__gallery__layout__3 {
    overflow: hidden;
    border-radius: 10px;
    color: #ffffff;
}
.element__ready__gallery__layout__3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.6s;
    background: linear-gradient(transparent, #000000 );
    content: "";
    z-index: 1;
    opacity: .5;
    transition: 0.3s;
}
.element__ready__gallery__layout__3:hover:before{
    opacity: .9;
    visibility: visible;
}
.element__ready__gallery__layout__3 .gallery__item__content {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    z-index: 1;
}
.element__ready__gallery__layout__3 .gallery__caption {
    transform: translateY(90px);
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: 0.6s;
}

.element__ready__gallery__layout__3 .gallery__description {
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.element__ready__gallery__layout__3:hover .gallery__caption {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.element__ready__gallery__layout__3:hover .gallery__description {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: 0.6s;
    transition-delay: 0.1s;
}