/* ==========================================================================
   Single Images shortcode styles
   ========================================================================== */

.qodef-single-image {

	&.qodef-has-appear {

		.qodef-m-image {
			position: relative;
			display: block;
			overflow: hidden;

			img {
				transform: scale(1.2);
				transition: transform 3s ease-out;
			}
		}

		&.qodef--appeared {

			.qodef-m-image {
				img {
					transform: scale(1.01);
				}
			}
		}
	}

	img {
		display: block;
	}

	&.qodef-image-title--enabled {
		position: relative;
		min-height: 100%;
		box-sizing: border-box;
		border-left: 40px solid transparent;

		.qodef-m-title {
			position: absolute;
			bottom: -25px;
			left: -40px;
			transform-origin: (0 0);
			transform: rotate(270deg);
			margin: 0;
			word-wrap: normal;

			@include qodefScreenSize480 {
				left: -30px;
			}
		}
	}
}
