/* ==========================================================================
   Section Title shortcode styles
   ========================================================================== */

.qodef-section-title {
	@include qodefRelativeLayout();

	.qodef-m-title {
		margin: 0;

		.qodef-m-title--underlined {
			position: relative;
			display: inline-block;
			color: inherit;

			&:after {
				content: '';
				display: block;
				width: 100%;
				height: 2px;
				background-color: currentColor;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
	}

	.qodef-m-subtitle {
		font-family: $meta-font;
		margin: 0 0 24px;
	}

	div.qodef-m-subtitle {
		font-size: 25px;
		font-style: italic;
		color: $dark-color;
	}

	.qodef-m-text {
		margin: 17px 0 0;
		@include qodefParagraphStyle();
	}

	&.qodef-alignment--center {
		text-align: center;
	}

	&.qodef-alignment--left {
		text-align: left;
	}

	&.qodef-alignment--right {
		text-align: right;
	}
}