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

.qodef-image-with-text {
	
	&.qodef-layout--split-text-below {
	
		.qodef-m-content {
			display: flex;
			align-items: center;
			margin: 31px -46px 0;
			
			> * {
				margin: 0;
				padding: 0 46px;
			}
			
			.qodef-m-title {
				flex-shrink: 0;
			}
			
			.qodef-m-text {
				width: 75%;
				color: $main-color;
				border-left: 1px solid $border-color;
			}
			
			@include qodefScreenSize1440 {
				margin-left: -30px;
				margin-right: -30px;
				
				> * {
					padding: 0 30px;
				}
			}
			
			@include qodefScreenSize680 {
				flex-wrap: wrap;
				
				.qodef-m-text {
					width: 100%;
					margin-top: 14px;
					border-left: 0;
				}
			}
		}
	}
}