/* ==========================================================================
   Interactive Link Showcase List styles
   ========================================================================== */

.qodef-interactive-link-showcase {

	&.qodef-layout--double-image-list {

		@media only screen and (min-width: 1930px) {

			.qodef-m-items {

				.qodef-m-item {
					display: block;

					&:before {
						top: 0 !important;
						left: 0 !important;
						display: inline-block;
					}
				}
			}
		}

		@media only screen and (max-width: 1760px){

			.qodef-m-image {

				img {
					max-width: 100%;
				}
			}
		}

		@media only screen and (max-width: 1660px){

			.qodef-m-items {
				max-width: 50%;
			}

			.qodef-m-image {

				img {
					max-width: 100%;
				}
			}
		}

		@include qodefScreenSize1440() {

			.qodef-m-items {

				.qodef-m-item {

					&:before {
						left: -60px !important;
					}
				}
			}
		}

		@include qodefScreenSize1366() {

			.qodef-m-items {

				.qodef-m-item {
					font-size: 50px;
				}
			}
		}

		@media only screen and (max-width: 1200px) {

			.qodef-m-items {

				.qodef-m-item {
					font-size: 40px;
				}
			}
		}

		@include qodefScreenSize1024(){
			padding: 125px 0 0 0;

			.qodef-m-items {
				padding-left: 0;
			}

			.qodef-m-images-left, .qodef-m-images-right {
				width: 25%
			}

			.qodef-m-image {

				img {
					max-width: 100%;
				}
			}

			.qodef-m-images-left {

				.qodef-m-image {
					top: -110px;
				}
			}

			.qodef-m-items {
				width: 50%;

				.qodef-m-item {

					&:before {
						top: -5px !important;
						left: 0!important;
						display: inline-block;
					}
				}
			}
		}

		@include qodefScreenSize768() {

			.qodef-m-items {

				.qodef-m-item {
					font-size: 35px;
					margin: 0 0 15px;
				}
			}
		}

		@include qodefScreenSize680() {
			flex-direction: column;
			padding: 80px 0 0 0;

			.qodef-m-items {
				max-width: 100%;
			}

			.qodef-m-images-left, .qodef-m-images-right {
				width: 100%;

				img {
					width: auto;
					max-width: calc(35vw);
				}
			}

			.qodef-m-images-left {
				order: 1;

				.qodef-m-image {
					top: -50px;
					left: auto;
				}
			}

			.qodef-m-images-right {
				order: 3;

				.qodef-m-image {
					top: -230px;
					right: auto;
					left: calc(43vw);
				}
			}

			.qodef-m-items {
				width: 100%;
				order: 2;

				.qodef-m-item {
					display: block;
				}
			}

		}
	}
}