/* ==========================================================================
   Info List shortcode styles
   ========================================================================== */

.qodef-info-list {
	@include qodefRelativeLayout();

	.qodef-m-info-list-title {
		color: $dark-color;
		margin: 0;
	}

	.qodef-m-info-list-text {
		margin: 25px 0 0;
		padding: 0;
		@include qodefParagraphStyle();
	}

	.qodef-m-info-list-content {
		list-style: none;
		margin: 22px 0 0;

		.qodef-m-info-list-item {
			margin: 0 0 11px;
		}
	}

	.qodef-m-info-title {
		display: inline-block;
		margin: 0;
		@include qodefParagraphStyle();
	}

	.qodef-m-info-subtitle {
		position: relative;
		display: inline-block;
		margin: 0;
		@include qodefParagraphStyle();
	}

	.qodef-m-info-list-link {
		position: relative;
		display: inline-block;
		margin: 0;

		&:after {
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			background-color: currentColor;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			transform-origin: left;
			transform: scaleX(0);
			transition: transform .6s cubic-bezier(0.33, 1, 0.68, 1);
		}

		&:hover:after {
			transform: scaleX(1);
		}
	}
}