/* card styles added EJH 08.09.21 */
	
	.av-card-container {
		--cardbg: #eee;
		--cardcorner: 3px;
	}
	.av-card-container .card {margin-bottom: 20px;}
	.av-card-container .card > * {
		display: flex;
		border-color: var(--cardbg);
		border-style: solid;
		border-width: 0px;
		padding: 0.5em 1em;
	}
	.av-card-container .card-title {
		border-width: 1px 1px 0;
		border-radius: var(--cardcorner) var(--cardcorner) 0 0;
		align-items: center;
		padding-top: 1em;
		background-color: var(--cardbg);
	}
	.av-card-container .card-image {
		align-items: center;
		justify-content: center;
		border-width: 0 1px;
	}
	.av-card-container .card-text {
        display: revert;
		border-width: 0 1px 1px;
		border-radius: 0 0 var(--cardcorner) var(--cardcorner);
		background-color: var(--cardbg);
	}
	
	.av-card-container img {max-height: 100px;}

	@media (min-width: 640px) {
		.av-card-container {
			display: grid; 
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			margin-bottom: 20px;
		}
		.av-card-container .card {display: contents;}
		.av-card-container .card-title {grid-column: 1 / span 2;}
		.av-card-container .card-image {
			border-width: 0 0 1px 1px;
			border-radius: 0 0 0 var(--cardcorner);
    		margin-bottom: 20px;
		}
		.av-card-container .card-text {
    		border-width: 0 1px 1px 0;
			border-radius: 0 0 var(--cardcorner) 0;
			background-color: white;
    		margin-bottom: 20px;
		}
		.av-card-container img {max-height: 150px;}
	}

	@media (min-width: 1024px) {
		.av-card-container {
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: auto auto auto;
			grid-auto-flow: column;
			column-gap: 20px;
		}
		.av-card-container .card-title {
			grid-column: auto;
			justify-content: center;
		}
		.av-card-container .card-title > * {text-align: center;}
		.av-card-container .card-image {border-width: 0 1px; margin-bottom: 0; border-radius: 0;}
		.av-card-container .card-text {
			border-width: 0 1px 1px;
			border-radius: 0 0 var(--cardcorner) var(--cardcorner);
			background-color: var(--cardbg);
		}
		.av-card-container img {max-height: 268px;}
	}
