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

.edgtf-call-to-action {
	position: relative;
	display: block;
	box-sizing: border-box;
	background-color: #f6f6f5;

	.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;
		font-weight: 500;

		>.edgtf-btn.edgtf-btn-outline{
			&:hover{
				background-color: $default-background-color !important;
				border-color: $default-background-color !important;
				color: $first-main-color !important;
			}
		}

		&.edgtf-dark-button-hover{
			>.edgtf-btn.edgtf-btn-outline{
				&:hover{
					background-color: $header-dark-color !important;
					border-color: $header-dark-color !important;
					color: $header-light-color !important;
				}
			}
		}

		.edgtf-call-to-action-text{
			h1,h2,h3,h4,h5,h6{
				color: inherit;
			}
		}
	}

	.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.with-icon {

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

}

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