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

/* ==========================================================================
# Call to action style - begin
========================================================================== */

.edgtf-call-to-action {
	position: relative;
	display: block;
	box-sizing: border-box;
	background-color: $first-main-color;

	.edgtf-call-to-action-row-75-25,
	.edgtf-call-to-action-row-50-50,
	.edgtf-call-to-action-row-66-33 {
		display: table;
		box-sizing: border-box;

		width: 100%;
	}

	.edgtf-call-to-action-row-75-25 .edgtf-call-to-action-column1 {
		width: 75%;
	}

	.edgtf-call-to-action-row-75-25 .edgtf-call-to-action-column2 {
		width: 25%;
	}

	.edgtf-call-to-action-row-50-50 .edgtf-call-to-action-column1,
	.edgtf-call-to-action-row-50-50 .edgtf-call-to-action-column2  {
		width: 50%;
	}

	.edgtf-call-to-action-row-66-33 .edgtf-call-to-action-column1 {
		width: 66%;
	}

	.edgtf-call-to-action-row-66-33 .edgtf-call-to-action-column2 {
		width: 34%;
	}

	.edgtf-call-to-action-column2 {
		text-align: right;
	}

	.edgtf-call-to-action-cell {
		display: table-cell;
		vertical-align: middle;
	}

	.edgtf-text-wrapper .edgtf-call-to-action-icon-holder {
		position: absolute;
		height: 100%;
		top:0;
	}

	.edgtf-text-wrapper .edgtf-call-to-action-icon {
		display:table;
		height:100%;

		.edgtf-call-to-action-icon-inner {
			display:table-cell;
			height:100%;
			vertical-align:middle;

			.edgtf-call-to-action-icon {
				color: #8b8b8b;
				font-size: 40px;
				display: inline;
			}

		}
	}
	.edgtf-call-to-action-text,
	.edgtf-call-to-action-text * {
		color: #fff;
	}
}

.edgtf-call-to-action.with-icon {

	.edgtf-text-wrapper .edgtf-call-to-action-text {
		padding: 0 20px 0 70px;
	}

}

/* ==========================================================================
# Call to action style - end
========================================================================== */

??

??