/* ==========================================================================
   Image With Text shortcode styles
   ========================================================================== */

.qodef-image-with-text {
	@include qodefRelativeLayout();
	
	.qodef-m-image {
		@include qodefRelativeLayout();
		
		a, img {
			display: block;
		}
	}
	
	.qodef-m-caption {
		display: block;
		margin: 1px 0 0;
		font-size: 15px;
		line-height: 2.333333333333333em;
		color: $main-color;
	}
	
	.qodef-m-content {
		@include qodefRelativeLayout();
	}
	
	.qodef-m-title {
		margin: 31px 0 0;
	}
	
	span.qodef-m-title {
		display: block;
		@include qodefCustomTextStyle();
	}
	
	.qodef-m-text {
		margin: 17px 0 0;
	}
	
	&.qodef--has-shadow {
		
		.qodef-m-image {
			box-shadow: 0px 0px 21px 0px rgba(130, 45, 21, 0.1);
		}
	}
	
	/***** Scrolling Image Behavior Style - begin *****/
	
	&.qodef-action--scrolling-image {
		
		.qodef-m-image-holder {
			position: relative;
			overflow: hidden;
			border: 1px solid $light-border-color;
			
			.qodef-m-image-holder-inner {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				
				a {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					z-index: 100;
				}
			}
			
			img {
				transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
			}
			
			.qodef-e-frame {
				vertical-align: middle;
				
				@include qodefScreenSize768(){
					max-height: 50vh;
				}
			}
		}
		
		&.qodef-scrolling--vertical {
			
			.qodef-m-image-holder-inner {
				
				.qodef-e-main-image {
					width: 100%;
					// min-height: 100%;
				}
			}
		}
	}
	
	/***** Scrolling Image Behavior Style - end *****/
}