?? 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: _content-slider.scss

/*  =========================================================================
	Start of Content Slider shortcode
=============================================================================*/

.edgtf-content-slider-container{
	position:relative;
	margin:0;
	display:none;
	width: 100%;
	overflow-x:hidden;

	.edgtf-content-slide{
		@include edgtfTableLayout();
	}

	.edgtf-image-wrapper {
	    display: inline-block;
	    vertical-align: middle;
	}

	.edgtf-slide-image{
		display:table-cell;
		width:47.5%;
		vertical-align: bottom;
		text-align:right;
		height:100%;	
		@include edgtfBoxSizing(border-box);

		img{
			vertical-align: middle;
			width:100%;	
		}
	}	
	.edgtf-slide-content{
		text-align:left;
	}

	&.overlapping{
	margin-top:-55px;		

		&.edgtf-center{
			.edgtf-slide-content{
				padding-left:70px;
				padding-right:70px;
			}						
		}			

		.edgtf-slide-content{
			padding-right:70px;
			display:inline-block;
			width:55%;
			position:absolute;
			left:0;
			bottom:160px; /* controls bottom + gap between content and controls */
			@include edgtfBoxSizing(border-box);
		}
	}

	&.not-overlapping{
		margin-top:0;		
		.edgtf-slide-content{
			padding-right:70px;
			padding-top:110px;
			padding-bottom:160px;
			display:table-cell;
			width:55%;			
			@include edgtfBoxSizing(border-box);
		}

		&.edgtf-center{
			.edgtf-slide-content{
				padding-right:7%;
				padding-left:7%;
			}						
		}
	}

	&.edgtf-center{
		.edgtf-slide-content,
		.edgtf-slide-image,
		.owl-controls{
			width:50%;
			text-align:center;
		}
	}

	.owl-controls{
	    display:inline-block;
	    position:absolute;
	    left:0;
	    bottom:85px;
	}

	.owl-dot{
	    display:inline-block;
	    width:45px;
	    height:45px;
	    line-height:45px;	    
	    border-radius:50%;
	    margin-right:5px;
	    position:relative;
	    text-align:center;	    
	    font-family:'Raleway', sans-serif;
	    font-weight:600;
    	font-size:16px;
    	@include edgtfTransition(background-color 0.2s ease-in, color 0.2s ease-in);
	    @include edgtfBoxSizing(border-box);
	    &:last-child{
	    	margin-right:0;
	    }
	}

	&.light-skin{
		.owl-dot{
		    background-color:#fff;
		    color:#000;		    
		    &:hover,
		    &.active{
		    	color:#fff;
		    	background-color:#0d2d32;
		    }
	    }
	}

	&.dark-skin{
		.owl-dot{
		    background-color:#eaeaea;
		    color:#000;		    
		    &:hover,
		    &.active{
		    	color:#fff;
		    	background-color:#0d2d32;
		    }
	    }
	}
}

/*  =========================================================================
	End of Content Slider shortcode
=============================================================================*/

??

??