/* This cards.css is for default CCR dashboard home page cards size and location */

.cards .flex-grid-thirds .col {
	max-width: 360px;
	margin: 0 auto;
}

.cards .flex-grid-thirds .col:first-child {
	padding-top: 1rem;
}

div.card {
	padding: 0;
	position: relative;
}

div.card > .center {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 11rem;
    padding: 0 4rem;
}

div.card > div {
	padding: 3rem 2rem 2rem;
}

div.card.roomy > div {
    padding: 2rem;
}

div.card.single > div {
	padding: 2rem;
}

div.card > img + div {
	padding: 1rem 2rem;
}

div.card > img {
	margin: 0;
}

div.card h2:first-child {
	margin-top: 0;
}

div.card h3 {
	margin: 0;
	font-size: 1.25rem;
	text-transform: uppercase;
}

div.card h4 {
	margin-top: 2rem;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #333;
}

div.card h5 {
	margin: 1rem 0 0;
	font-size: 2.5rem;
	font-weight: normal;
	text-transform: none;
	line-height: 1.25;
}

div.card.dark-green {
	background-color: #00795f;
	color: #fff;
}

div.card.dark-green a.white {
	font-size: 1.25rem;
	color: #fff;
	text-decoration: none;
}

div.card.dark-green a.white:hover,div.card.dark-green a.white:focus {
	color: #333;
	text-decoration: none;
	background-color: #94d500;
}

div.card.dark-green h3 {
	color: #94d500;
}

div.card.dark-green h4 {
	color: #fff;
}

div.card.dark-green h4 a {
	text-decoration: underline;
	color: #fff;
}

div.card.dark-green p a {
	color: #94d500;
}

div.card.light-green {
	background-color: #94d500;
}

div.card.light-green h3 {
	color: #004f50;
}

div.card.single {
	background-color: #fff;
}

div.card.white h3 {
	text-transform: none;
	color: #004f50;
}

div.card.white h3.green {
	color: #00795f;
}

div.card.white {
	background-color: #fff;
}

div.card.white.shadow {
	border-right: solid 1px #d4d4d4;
	border-bottom: solid 1px #d4d4d4;
}

.full-width-container.cards {
	padding: 1.75rem;
	
}

@media (min-width: 450px) {
	div.card.dark-green a.white {
		font-size: 1.5rem;
	}
	
	div.card.single {
		max-width: 360px;
		min-width: 333px;
		margin: 0 auto;
	}
	
	.full-width-container.cards {
		padding: 2.5rem 0;
	}
}

@media (min-width: 650px) {
	.cards .flex-grid-thirds .col:first-child {
		padding-top: 1.5rem;	
	}
	
	div.card > div {
		padding: 3.5rem 2rem 2rem;
	}
	
	div.card.roomy > div {
		padding: 2.5rem;
	}
	
	.flex-grid-thirds > .col.single-container {
		width: 100%;
	}
}

@media (min-width: 700px) {
	.full-width-container.cards {
		padding: 1.5rem 0;
	}
}

@media (min-width: 1000px) {
	.flex-grid-thirds > .col.single-container {
		width: 33.33%;
	}
}