/* ==========================================================================
   Banner shortcode start styles
   ========================================================================== */

.edgtf-banner {
	position: relative;
	overflow: hidden;

	.edgtf-banner-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 6;
	}

	.edgtf-banner-image {
		
		overflow:hidden;

		img {
			display: block;
			@include edgtfTransform(scale(1.01));
			@include edgtfTransition(all .35s cubic-bezier(0.14, 0.41, 0.58, 1));
		}
	}

	.edgtf-banner-text-holder {
		@include edgtfTransition(background-color 0.35s cubic-bezier(0.14, 0.41, 0.58, 1), all .35s cubic-bezier(0.14, 0.41, 0.58, 1) );
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;

		.edgtf-banner-text-table {
			display: table;
			width: 71%;
			height: 100%;
			padding: 50px 20px 46px 50px;
			box-sizing: border-box;

			.edgtf-banner-text-cell {
				display: table-cell;
				vertical-align: bottom;
				width: 100%;
				height: 100%;

				.edgtf-banner-subtitle {
					font-size: 14px;
					font-family: $default-heading-font;
					font-weight: 700;
					color: #fff;
					display: block;
					margin-bottom: 11px;
				}

				.edgtf-banner-title {
					span {
						display: inline-block;
					}
				}

				.edgtf-banner-read-more {
				    font-size: 15px;
				    font-weight: 600;
					color: #000;
					padding: 11px 39px;
					line-height: 1.7em;
					border-radius: 5em;
					background-color: #fff;
					display: inline-block;
					margin: 35px 0 50px;
                    @include edgtfTransition(background-color 0.3s cubic-bezier(0.14, 0.41, 0.58, 1));


                    span {
				    	display: inline-block;
					    vertical-align: middle;
					    margin-left: 5px;
					    @include edgtfTransition(transform .3s cubic-bezier(0.14, 0.41, 0.58, 1));
					    position: relative;
					    font-size: 20px;
					    top: -1px;

				    }

                    &:hover {
                        background-color: #f6f4ee;
                    }
				}
			}
		}
	}

	.edgtf-banner-overlay-holder {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;

		@include edgtfTransform(scale(1.01));
	}

	&:hover {

        .edgtf-banner-image:nth-child(2) img {
            @include edgtfTransform(scale(1.07));
        }
	}

    &.edgtf-hovered {

        .edgtf-banner-image img {
            @include edgtfTransform(scale(1.07));
        }
    }

}

/* ==========================================================================
   Banner shortcode end styles
   ========================================================================== */