/*
  Content Timeline.
*/
.block-editor-inner-blocks {

	@media screen and ( max-width: 1023px ) {
		// The speech-bubble like arrows are not visible in tablet/mobile preview as they get hidden behind the timeline-line, and hence the following code.
		.uagb-timeline__center-block .uagb-timeline__day-new.uagb-timeline__day-right.uagb-timeline__events-inner-new {
			left: -15px;
		}

		.uagb-timeline__center-block .uagb-timeline__day-new.uagb-timeline__day-left.uagb-timeline__events-inner-new {
			right: -15px;
		}

		.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-right.uagb-timeline__events-inner-new {
			right: -15px;
		}

		.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-left.uagb-timeline__events-inner-new {
			right: -15px;
		}
	}
}

.editor-styles-wrapper .block-editor-block-list__block,
.edit-post-visual-editor .block-editor-block-list__block {
	&[data-type="uagb/content-timeline"] {
		padding: 15px;

		.components-button svg,
		.wp-block .block-editor-button-block-appender svg {
			fill: #fff;
			width: 24px;
		}
	}

	.uagb-timeline__outer-wrap {
		&.uagb-timeline__left-block .uagb-timeline__line {
			right: auto;
			left: 34px;
		}

		&.uagb-timeline__right-block .uagb-timeline__line {
			right: 31px;
			left: auto;
		}
	}
}
