File "image-scroll.css"
Full Path: /home/fineflavourcocoa/public_html/wp-content/plugins/gyan-elements/addons/css/widgets/image-scroll.css
File size: 2.02 KB
MIME-type: text/plain
Charset: utf-8
.gyan-image-scroll-container {
position: relative;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.gyan-image-scroll-container .gyan-image-scroll-holder {
display: block;
position: relative;
width: 100%;
}
.gyan-image-scroll-container .gyan-image-scroll-holder .gyan-icon {
transition: all .25s ease-out;
}
.gyan-image-scroll-container .gyan-image-scroll-holder .gyan-image-scroll {
display: block;
position: relative;
width: 100%;
padding: 0;
margin: 0;
background-position: top;
background-repeat: no-repeat;
min-height: 320px;
height: 100%;
overflow: hidden;
transition: background-position 2s cubic-bezier(.1, .54, .43, .94);
background-size: cover;
}
.gyan-image-scroll-container .gyan-image-scroll-holder .gyan-image-scroll:hover {
background-position: center bottom !important;
}
.gyan-image-scroll-container .gyan-device-slider-device {
pointer-events: initial;
}
.gyan-image-scroll-container .gyan-device-slider-device .gyan-image-scroll {
min-height: auto;
}
.elementor-widget-gyan_image_scroll.gyan-link-icon-on-hover-yes .gyan-image-scroll-holder a.gyan-icon {
opacity: 0;
transition: opacity 350ms cubic-bezier(.24, .85, .58, 1);
}
.elementor-widget-gyan_image_scroll.gyan-link-icon-on-hover-yes .gyan-image-scroll-holder:hover a.gyan-icon {
opacity: 1;
}
.gyan-image-scroll .gyan-single-post-link {
opacity: 0;
transition: opacity 350ms cubic-bezier(.24, .85, .58, 1);
}
.elementor-widget-gyan-advanced-icon-box.gyan-link-icon-on-hover-yes .gyan-image-scroll:hover .gyan-advanced-icon-box-readmore {
opacity: 1;
}
.gyan-badge {
box-sizing: border-box;
min-width: 22px;
height: 22px;
padding: 0 5px;
border-radius: 500px;
vertical-align: middle;
background: #1e87f0;
color: #fff;
font-size: .875rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
.gyan-badge:hover,.gyan-badge:focus {
color: #fff;
text-decoration: none;
outline: none;
}
/*@media screen and (max-width:767px){
.gyan-single-post .gyan-single-post-title{font-size:1.3rem;line-height:1}
}*/