/* ==========================================================================
   Portfolio List shortcode variation styles
   ========================================================================== */

.qodef-portfolio-list {

	&.qodef-item-layout--info-below {
		counter-reset: counter;

		.qodef-e-media-image {

			a {
				position: relative;
				display: block;
				overflow: hidden;

				img {
					transform: scale(1.01);
					transition: transform .8s cubic-bezier(0.61, 1, 0.88, 1);
				}

				&:hover {

					img {
						transform: scale(1.05);
					}
				}
			}
		}

		.qodef-e-content {
			margin-top: 26px;

			.qodef-e-count {
				display: inline-block;
				margin-right: 26px;

				&:before {
					@include qodefMenuNumbersStyle();
					color: #000;
				}
			}

			.qodef-e-title {
				display: inline-block;
			}
		}
	}
}