/* DB Resources Tile Styles */

.ResourceBox {
    margin: 25px auto;
}
.linkWrapper {
	text-decoration: none;
}
.resourceContent {
	display: flex;
	box-shadow: var(--shadow-sm);
}
.resourceContent:hover {
    box-shadow: none;
}
.rsrcImgContainer {
    width: 20%;
	padding: var(--space-sm);
	align-content: center;
}
.rsrcDetails {
    top: 0;
    right: 0;
    width: 80%;
    min-height: 185px;
    padding: var(--space-sm);
    margin-right: -16px;
    border-width: 3px;
    background: #f9f9f9;
    border-style: solid;
    border-image: linear-gradient( to bottom, #84bd00, #046a38 ) 1 100%;
    border-top: none;
    border-right: none;
    border-bottom: none;
}
.apptText {
    margin-top: 25px;
    max-width: 235px;
}
.rsrcEyebrow {
	font-size: .83em;
	margin: 0px 0px 5px 0px;
}	
.rsrcName {
	font-size: 1.13em;
	color: #333333;
}
@media (max-width: 1240px) {
	.rsrcDetails {
		min-height: 210px;
	}
}
@media (max-width: 768px) {
	.rsrcDetails {
		min-height: 185px;
	}
}
@media (max-width: 1015px) and (min-width: 768px) {
	.col-4\@sm {
		flex-basis: calc(49.33% - 0.01px - var(--gap-x, 0.75em));
		max-width: calc(49.33% - 0.01px - var(--gap-x, .75em));
	}
	.rsrcDetails {
		min-height: 210px;
	}
}
@media (max-width: 767px) {	
	.col-12.col-4\@sm.margin-top-xl.margin-top-0\@sm {
		margin-top: -25px;
	}
	.rsrcDetails {
		min-height: auto;
	}
}