/*******************************************************
 * Card Styles
 *
 * Includes custom styling for the Card pattern
 *
 *******************************************************/

.card__content.card {
	background-color: transparent;
	border: 0;
}

.card__content.card .card-block a {
	-webkit-box-shadow: none !important;
}

.card__content .card-block a.btn,
.card__content .card-block .btn a {
	padding: 0 .5em !important;
	text-transform: uppercase;
}

.card__content.card-img-top {
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
	width: 100%;
}

/*******************************************************
 * EVENT CARD STYLES
 *******************************************************/

.card__content.variant-event {
	margin-bottom: 30px;
	max-width: 800px;
}

.card__content.variant-event .card-block {
	padding: .5em 0;
}

.card__content.variant-event .card-block__title {
	font-size: inherit;
}

.card__content.variant-event .card-block__title a {
	border-bottom: 1px solid var(--gt-drk-gold) !important;
	display: block;
	font-size: inherit;
	padding-bottom: 10px;
	text-decoration: none;
}

.card__content.variant-event .card-block__text,
.card__content.variant-event .card-block__text + p {
	font-family: var(--font-roboto-condensed);
	line-height: normal;
	word-break: break-word;
}

.card__content.variant-event .col,
.card__content.variant-event .col-2 {
	background-color: var(--gt-light);
}

.card__content.variant-event .col-2 {
	border-right: var(--gt-drk-gold) 1px solid;
	color: var(--gt-drk-gold);
	font-family: var(--font-roboto-condensed);
	font-size: 2em;
	padding: 0 10px;
	text-align: right;
}

.card__content.variant-event .col-4 {
	padding-right: 15px;
}

.card__content.variant-event img {
	height: 100%;
	object-fit: cover;
}

/*******************************************************
 * FEATURED CARD STYLES
 *******************************************************/

.card__content.variant-featured .card-block__subtitle,
.card__content.variant-featured .card-block__text,
.card__content.variant-featured .card-block__title,
.card__content.variant-featured span {
	color: #fff;
}

.card__content.variant-featured span {
	font-family: var(--font-roboto-condensed);
	font-weight: 700;
}

.card__content.variant-featured .card-block {
    margin-top: 3em;
}

.card__content.variant-featured .card-block a.btn {
	background: var(--gt-light);
	font-weight: 700;
}

.card__content.variant-featured .card-block__title a {
	color: #fff;
	margin-bottom: 2em;
	text-decoration: none;
}

.card__content.variant-featured {
	background-color: #8e876c;
	display: flex;
	flex-wrap: wrap;
	flex-direction: unset;
	margin: -28.5em 2em 4em 2em;
	opacity: .9;
	padding: 1em 0;
	max-width: 614px;
	height: 415.25px;
}

.card__content.variant-featured img {
	margin: auto 15px;
}

/*******************************************************
 * HORIZONTAL / VIDEO CARD STYLES
 *******************************************************/

.card__content.variant-horizontal,
.card__content.variant-video {
	/* background-color: var(--gt-light); */
	display: flex;
	flex-wrap: wrap;
	flex-direction: unset;
	max-width: 1140px;
	/* padding: 30px 0; */
}

.card__content.variant-horizontal .card-block__footer,
.card__content.variant-video .card-block__footer {
	margin-right: 30px;
	position: absolute;
	right: 0;
}

.card__content.variant-horizontal .card-block__footer a,
.card__content.variant-video .card-block__footer a {
	box-shadow: none !important;
}

.card__content.variant-horizontal .card-block__subtitle,
.card__content.variant-video .card-block__subtitle {
	font-weight: 400;
	margin-bottom: 30px !important;
}

.card__content.variant-horizontal .card-block__title,
.card__content.variant-horizontal .card-block__subtitle,
.card__content.variant-video .card-block__title,
.card__content.variant-video .card-block__subtitle {
	color: #164575;
}

.card__content.variant-video iframe {
	width: 100%;
}

.card__content.variant-horizontal_medium {
	background-color: var(--gt-light);
	display: flex;
	flex-wrap: wrap;
	flex-direction: unset;
	padding: 0;
	width: 600px;
}

.card__content.variant-horizontal_medium .col {
	padding: 1em;
}

.card__content.variant-horizontal_medium .col-6 {
	padding: 0;
}

/*******************************************************
 * NEWS CARD STYLES
 *******************************************************/

.card__content.variant-news {
	margin-bottom: 30px;
	max-width: 400px;
}

.card__content.variant-news a {
	text-decoration: none !important;
}

.card__content.variant-news .card-block__text {
	color: var(--gt-gold);
	font-family: var(--font-roboto-condensed);
	font-size: .8em;
}

.card__content.variant-news .card-block__title {
	font-size: inherit;
}

.card__content.variant-news .card-block__title a {
	color: var(--gt-black);
}

/*******************************************************
 * FEATURED NEWS CARD STYLES
 *******************************************************/

.card__content.variant-featured_news .card-block__title {
        background: rgba(0,0,0,.5);
        bottom: 0;
        box-shadow: 0 -15px 15px rgba(0,0,0,.5);
        line-height: 1.2em;
        margin: -3em 0 0 1em;
        padding: 0.2em 0 1em 0;
        position: absolute;
}

.card__content.variant-featured_news {
        margin-bottom: .8em;
        position: relative;
}

.card__content.variant-featured_news,
.card__content.variant-featured_news img {
        max-width: 450px;
}

.card__content.variant-featured_news .card-block a,
.card__content.variant-featured_news .card-block a:hover {
        color: #fff;
        text-decoration: none;
}

/*******************************************************
 * VERTICAL CARD STYLES
 *******************************************************/

.card__content.card.variant-vertical {
    /* width: 320px; */
	max-width: 250px;
}

.card__content.card.variant-vertical .card-block__title {
	display: none;
}

.card__content.card.variant-vertical .card-block__title a {
	color: #fff;
	text-decoration: none;
}

.card__content.card.variant-vertical img {
    /* border-bottom: 8px solid var(--gt-gold); */
    margin-bottom: 2rem;
    padding: 0;
    /* width: 400px */
	max-width: 250px;
}

.card__content.variant-horizontal .card__image a,
.card__content.variant-vertical .card__image a {
	display: block;
	z-index: 10;
}
