/*
 * Shortcode: custom-columns-holder.scss
 * -----------------------------------------------
*/
.tm-sc-custom-columns-holder {
	width: 100%;
	display: table;
	table-layout: fixed;

	&.tm-cc-two-columns .tm-sc-custom-columns-holder-item {
		width: 50%;
	}

	&.tm-cc-two-columns .tm-sc-custom-columns-holder-item {
		width: 50%;
	}

	&.tm-cc-three-columns .tm-sc-custom-columns-holder-item {
		width: 33%;
	}

	&.tm-cc-four-columns .tm-sc-custom-columns-holder-item {
		width: 25%;
	}

	&.tm-cc-five-columns .tm-sc-custom-columns-holder-item {
		width: 20%;
	}

	&.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 16%;
	}

	.tm-sc-custom-columns-holder-item {
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;

		&.tm-cc-vertical-alignment-top {
			vertical-align: top;
		}

		&.tm-cc-vertical-alignment-bottom {
			vertical-align: bottom;
		}

		&.tm-cc-horizontal-alignment-center {
			text-align: center;
		}

		&.tm-cc-horizontal-alignment-right {
			text-align: right;
		}

		.item-link {
			display: inline-block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			line-height: 0;
		}

		.item-inner {
			width: 100%;
		}

		&.tm-cc-eh-with-zoom {
			position: relative;
			overflow: hidden;

			.tm-sc-custom-columns-holder-item-image-zoom {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: -1;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				-webkit-transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99);
				-moz-transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99);
				transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99);
				will-change: transform;
				-webkit-backface-visibility: hidden;
			}

			&:hover .tm-sc-custom-columns-holder-item-image-zoom {
				-webkit-transform: scale(1.03);
				-moz-transform: scale(1.03);
				transform: scale(1.03);
			}
		}
	}

	&.tm-cc-elements-items-float.tm-cc-three-columns .tm-sc-custom-columns-holder-item {
		width: 33.33333333333333%;
	}

	&.tm-cc-elements-items-float.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 16.66666666666667%;
	}

	&.tm-cc-elements-items-float .tm-sc-custom-columns-holder-item {
		float: left;
	}

	.item-content {
		padding: 0 20px;
	}
}


@include media-breakpoint-down(lg) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 100%;
		display: inline-block;
		height: auto;
	}
}

@include media-breakpoint-down(md) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 100%;
		display: inline-block;
		height: auto;
	}
}

@include media-breakpoint-down(sm) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 100%;
		display: inline-block;
		height: auto;
	}
}

@include media-breakpoint-down(xs) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 100%;
		display: inline-block;
		height: auto;
	}
}

@include media-breakpoint-down(xs) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-six-columns .tm-sc-custom-columns-holder-item {
		width: 100%;
		display: inline-block;
		height: auto;
	}
}

@include media-breakpoint-down(xs) {
	.tm-sc-custom-columns-holder .item-content {
		padding: 0 10px;
	}
}

@include media-breakpoint-down(lg) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content {
		text-align: left;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content {
		text-align: right;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content {
		text-align: center;
	}
}

@include media-breakpoint-down(md) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content {
		text-align: left;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content {
		text-align: right;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content {
		text-align: center;
	}
}

@include media-breakpoint-down(sm) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content {
		text-align: left;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content {
		text-align: right;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content {
		text-align: center;
	}
}

@include media-breakpoint-down(xs) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content {
		text-align: left;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content {
		text-align: right;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content {
		text-align: center;
	}
}

@include media-breakpoint-down(xs) {
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content {
		text-align: left;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content {
		text-align: right;
	}
	.tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content {
		text-align: center;
	}
}