﻿/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

.header-media {
	position: relative;
	overflow: hidden;
	color: white;
	width: 100%;
}

.header-media * {
	color: white;
}

.header-media .header-credit * {
	color: black;
}

.header-media + .header-media {
	display: none;
}

.header-media:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: rgba(28, 34, 39, 0.4);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.header-credit {
	position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffd754;
    color: #111;
    font-size: 0.9rem;
    padding: 5px 10px;
	z-index: 2;
}

.flex-center {
	height: 100%;
}

.flex-center.flex-bottom {
	align-items: end;
	padding-bottom: 20px;
}

#tig_header_block .header-media-col > *:last-child {
    margin-bottom: 0px;
}
