// Positioning the hero content in Post Editor

._hero_description_html {
	height: 100%;
}

._hero_content_description {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;

    h1, h2, h3, h4, h5, h6 {
        color: inherit;
    }

    &.position--top {
        justify-content: flex-start;
        text-align: left;
    }

    &.position--bottom {
        justify-content: flex-end;
        text-align: right;
    }

    &.position--left > * {
		align-self: flex-start;
	}

    &.position--right > * {
		align-self: flex-end;
	}
}
