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

.qodef-section-title {
	@include qodefRelativeLayout();
	
	.qodef-m-title {
		margin: 0;
	}
	
	.qodef-m-text {
		margin: 24px 0 0;
	}
	
	span.qodef-m-text {
		display: block;
		
		@media only screen and (min-width: $screen-size-1025) {
			font-size: 21px;
			line-height: 1.476190476190476em;
		}
	}
	
	&.qodef-alignment--center {
		text-align: center;
		
		@media only screen and (min-width: $screen-size-1025) {
			
			.qodef-m-text {
				max-width: 78%;
				margin-left: auto;
				margin-right: auto;
			}
		}
	}
	
	&.qodef-alignment--left {
		text-align: left;
	}
	
	&.qodef-alignment--right {
		text-align: right;
	}
}