?? 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: _process-holder.scss

/* ==========================================================================
   Process Holder start style
   ========================================================================== */

	.edgtf-process-holder{

		&.edgtf-five-columns{
				.edgtf-process-holder-item{
					width:20%;
				}
		}

		&.edgtf-four-columns{
				.edgtf-process-holder-item{
					width:25%;
				}
		}

		&.edgtf-three-columns{
				.edgtf-process-holder-item{
					width:33%;
				}
		}

	   .edgtf-process-holder-item{
			display:inline-block;
			text-align:center;
			position:relative;
			float:left;
		}

		.edgtf-process-top-holder{

			img{
				border-radius:50%;
				position:relative;
				z-index:2;
			}

			display:inline-block;
			position:relative;
		}

		.edgtf-process-bottom-holder{
			box-sizing:border-box;
			padding:0 40px;
		}

		.edgtf-process-shadow{
			background:transparent;
			position: absolute;
			width: 80%;
			height:100%;
			-webkit-box-shadow: -15px 140px 20px 10px rgba(231,231,231,.85);
			box-shadow: -15px 140px 20px 10px rgba(231,231,231,.85);
			top: 15px;
			left:-5px;
			-webkit-transform: scaleY(.25) skewY(37deg);
			-ms-transform: scaleY(.25) skewY(37deg);
			transform: scaleY(.25) skewY(37deg);
			z-index: -1;
			border-radius:50%;  
		}

		.edgtf-process-number{
			position:absolute;
			font-family:'Open Sans', sans-serif;
			z-index:1;
			font-size:85px;
			color:#e5e5e5;
			top:-17px;
			right:-27px;
			line-height:1em;
		}

		.edgtf-process-title{
			line-height:1em;
			margin-top:43px;
			margin-bottom:19px;
		}

   }
/* ==========================================================================
   End of Process Holder style
   ========================================================================== */

??

??