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

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

.card__content.card.variant-horizontal-paragraph {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

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

.card__content.variant-horizontal-paragraph .card-block {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80%;
}

.card__content.variant-horizontal-paragraph .card-block__footer {
	background-color: inherit;
	border-top: 0;
	padding: inherit;
	/*
	margin-right: 30px;
	position: absolute;
	right: 0;
	*/
}

.card__content.variant-horizontal-paragraph .card-block__footer a {
	padding: 0;
}

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

.card__content.variant-horizontal-paragraph .card-block__title {
	margin-bottom: 30px;
}

.card__content.variant-horizontal-paragraph .card-block__subtitle,
.card__content.variant-horizontal-paragraph .card-block__title {
	/* color: #164575; */
	color: var(--gt-black);
}

.card__content.card.variant-horizontal-paragraph .card-block__title a {
	color: inherit;
	text-decoration: none;
}

.card__content.variant-horizontal-paragraph .card__image {
	box-shadow: none !important;
	padding: 0;
}

.card__content.variant-horizontal-paragraph .card-text-box {
	padding: 0 30px;
}

.card__content.variant-horizontal-paragraph .card-text-box.align-right {
	margin: 0;
	text-align: right;
}

.card__content.variant-horizontal-paragraph .card-text-box.beige {
	background-color: var(--gt-light);
}

.card__content.variant-horizontal-paragraph .card-text-box.black {
	background-color: var(--gt-black);
}

.card__content.variant-horizontal-paragraph .card-text-box.gold {
	background-color: var(--gt-gold);
}

.card__content.variant-horizontal-paragraph .card-text-box.dark-gray {
	background-color: var(--gt-md-grey);
}

.card__content.variant-horizontal-paragraph .card-text-box.light-gray {
	background-color: var(--gt-light-gray);
}

.card__content.variant-horizontal-paragraph .card-text-box.beige .card-block__title,
.card__content.variant-horizontal-paragraph .card-text-box.black .card-block__title,
.card__content.variant-horizontal-paragraph .card-text-box.dark-gray .card-block__title,
.card__content.variant-horizontal-paragraph .card-text-box.light-gray .card-block__title {
	color: var(--gt-gold);
}

.card__content.variant-horizontal-paragraph .card-text-box.black .card-block__footer,
.card__content.variant-horizontal-paragraph .card-text-box.black .card-block__text,
.card__content.variant-horizontal-paragraph .card-text-box.black .fa-arrow-circle-left,
.card__content.variant-horizontal-paragraph .card-text-box.dark-gray .card-block__footer,
.card__content.variant-horizontal-paragraph .card-text-box.dark-gray .card-block__text,
.card__content.variant-horizontal-paragraph .card-text-box.dark-gray .fa-arrow-circle-right,
.card__content.variant-horizontal-paragraph .card-text-box.gold .fa-arrow-circle-left {
	color: #fff;
}

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

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

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

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

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

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