#tm_builder_outer_content {
	.mti-event {
		&__item {
			&:nth-child(2n) {
				.mti-event__title {
					background-color: rgba($event2nColor, .9);
				}
				.mti-event__participant-title a,
				.mti-event__schedule-timeslot:before {
					color: $event2nColor;
				}

				&:hover {
					.mti-event__title {
						background-color: $event2nColor;
					}
				}
			}
			&:nth-child(3n) {
				.mti-event__title {
					background-color: rgba($event3nColor, .9);
				}
				.mti-event__participant-title a,
				.mti-event__schedule-timeslot:before {
					color: $event3nColor;
				}

				&:hover {
					.mti-event__title {
						background-color: $event3nColor;
					}
				}
			}
		}
		&__title {
			padding: 20px 40px
		}
		&__participant {
			&-item {
				img {
					border-radius: 50%;
				}
			}
			&-title {
				font-weight: 600;
			}
			&-position {
				@include font-size(14/16);
			}
		}
		&__schedule {
			@include font-size(14/16);

			&-timeslot {
				&:before {
					content: '\E8B5';
					font-family:'Material Icons';
					@include font-size(16/16);
					line-height: 1;
					/*rtl:ignore*/
					margin-right: 8px;

					position: relative;
					top: 2px;
				}
			}

			&-item {
				@media (max-width: 1200px) {
					display: block;
					margin-bottom: 15px;
				}
			}

			&-column {
				@media (max-width: 1200px) {
					width: 100%;
					border: none;
				}
				@media (min-width: 1201px) {
					width: 45%;
				}
				@media (min-width: 1450px) {
					width: 35%;;
				}
			}
			&-timeslot {
				@media (max-width: 1200px) {
					width: 100%;
					padding-left: 0;
				}
				@media (min-width: 1201px) {
					width: 55%;
				}
				@media (min-width: 1450px) {
					width: 65%;
				}
			}
		}
		&__participants {
			@media (max-width: 1200px) {
				padding-left: 20px;
				padding-right: 20px;
			}
		}
	}
}
