// ------------------------------------------------------------------------------------------
// Media queries breakpoints
// ------------------------------------------------------------------------------------------
@mixin max-break($size) {
	@media only screen and (max-width: $size) { @content; }
}
@mixin min-break($size) {
	@media only screen and (min-width: $size) { @content; }
}
@mixin min-max-break($min-size, $max-size) {
	@media only screen and (min-width: $min-size) and (max-width: $max-size) { @content; }
}

// ------------------------------------------------------------------------------------------
// Underline Animations
// ------------------------------------------------------------------------------------------
@mixin underline_animation() {
	position: relative;
	&:after {
		content: '';
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		border-top-width: 0.143em;
		border-top-style: solid;
		transform: scaleX(0);
		transform-origin: right center;
		transition: transform .25s cubic-bezier(.785,.135,.15,.86);
	}
	&:hover:after {
		transform: scaleX(1);
		transform-origin: left center;
	}
}

// ------------------------------------------------------------------------------------------
// Title with line alignment
// ------------------------------------------------------------------------------------------
@mixin gwel_line_title_align($align) {
	 @if $align == left {
		&.gwel-top-line .gwel-title-line {
			margin: 0 auto 18px 0;
		}
		&.gwel-bottom-line .gwel-title-line {
			margin: 18px auto 0 0;
		}
		&.gwel-left-line {
			justify-content: flex-end;
		}
		&.gwel-right-line {
			justify-content: flex-start;
		}
	}

	@if $align == right {
		&.gwel-top-line .gwel-title-line {
			margin: 0 0 18px auto;
		}
		&.gwel-bottom-line .gwel-title-line {
			margin: 18px 0 0 auto;
		}
		&.gwel-right-line {
			justify-content: flex-end;
		}
	}

	@if $align == center {
		&.gwel-top-line .gwel-title-line {
			margin: 0 auto 18px auto;
		}
		&.gwel-bottom-line .gwel-title-line {
			margin: 18px auto 0 auto;
		}
		&.gwel-right-line,
		&.gwel-left-line {
			justify-content: center;
		}
	}
}