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}
}*/