Template:Main Page Infoblocks/Styles.css

/* [[Category:Template Styles]] */

.infoblock-container {
	margin-top: 3em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.infoblock {
	background-color: rgba(0,0,0,0.2);
	margin: 0.5rem;
	padding: 1.5rem;
	border-radius: 0.5rem;
	vertical-align:top;
	overflow: auto;
	flex-basis: calc(50% - 4em);
	flex-grow: 1;
}

.infoblock-header {
	font-size: 2.5rem;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1em;
    padding-top: 0.25rem;
    padding-bottom: 1.25rem;
	text-transform: uppercase;
}

.infoblock-title {
	font-weight: 900;
	font-size: 1.2em;
}

.infoblock-image {
	display: inline-block;
}

.infoblock-text {
	display: inline-block;
}

.infoblock-read-more {
	float: left;
}

.infoblock#on-this-day,
.infoblock#dyk {
	text-align: left;
}

#NIWA-nav .cell {
	background-color: #17456e;
}