?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _icon-slider.scss

/*  =========================================================================
	Start of Icon Slider shortcode
=============================================================================*/

.edgtf-icon-slider-container{
	position:relative;
	border-color:$default-border-color;
	border-style:solid;
	border-width:1px;	

	.edgtf-icon-slider-container-inner{
		margin:0;
		width:94%;
	    left:6%;
	    position:relative;
	    display:none;
	    overflow:hidden;

	    &.owl-loaded{
	    	display:block;
	    }
	}

	.edgtf-icon-slide-container-inner{
		@include edgtfTableLayout();
	}	

	.edgtf-slide-image{
		display:table-cell;
		width:53.5%;
		vertical-align: middle;		
		@include edgtfBoxSizing(border-box);

		img{
			vertical-align: middle;
			width:100%;	
		}
	}

	.edgtf-slide-content{
		padding:60px 45px;
		display:table-cell;
		width:46.5%;
		height:100%;
		vertical-align: middle;
		text-align:left;
		@include edgtfBoxSizing(border-box);
	}

	.edgtf-icon-slider-controls-holder{
		display:none;
		text-align:center;		
		height: 100%;
	    position: absolute;
	    width: 6%;
	    background-color:#000;	    
	    @include edgtfBoxSizing(border-box);
	}

	.edgtf-icon-slider-controls-holder-inner{
	    display: block;
	    margin: auto 0;    
	    position: relative;
	    top: 50%;
	    height: auto;
	    width: 100%;
	    text-align: center;
	    @include edgtfTransform(translateY(-50%));
	}

	
}

.edgtf-icon-slider-nav-icon{
	display:block;
	margin-bottom:50px;
	@include edgtfTransition(color 0.2s ease-in);
	color:#b5b5b5;
	cursor:pointer;	

	.edgtf-icon-slider-icon{
		display: inline-block;
		font-size:23px;
		position:relative;
		vertical-align: middle;			
		color:inherit; /* inherit color from its parent div.edgtf-icon-slider-controls-holder */
	}

	&.active,
	&:hover{
		color:$first-main-color;
		@include edgtfTransition(color 0.2s ease-in);
	}

	&:last-child{
		margin-bottom:0!important;
	}
}


/*  =========================================================================
	End of Icon Slider shortcode
=============================================================================*/

??

??