@charset "utf-8";
/* CSS Document */


/* Fix spacings */
.media-content-media-inner > p:only-child {
	margin: 0;
}

.media-content-title {
  font-size: var(--font_size_h3);
  line-height: var(--line_height_big_small);
  margin: var(--space_normal) 0;
}

@media (min-width: 45em) {
  .media-content-title {
    margin: var(--space_big) 0;
  }
}


/* At some point the media/content get next to eachother */
@media(min-width: 50em){

	.ftps-media-content-container {
		display: flex;
		flex-direction: row-reverse; /* 8-9-19 Seems right to default to content on left, media on right? */
		justify-content: space-between;
		align-items: center;
		margin-left: calc( -1 * var(--space_medium) );
		margin-right: calc( -1 * var(--space_medium) );
		padding: 0 var(--space_big);
	}

	.media-content-media,
	.media-content-content {
		width: calc(50% - var(--space_normal));
	}


	.media-content-content > *:first-child {
		margin-top: 0;
	}

}

@media (min-width: 64em) {
	.media-content-media,
	.media-content-content {
		width: calc(50% - var(--space_xxxlarge));
	}
}