/* 
	ministry.PHP STYLES
*/	

.ministry-content {
	grid-area: sections;
	margin: 2em 0;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas:
		"intro"
		"links"
		"offline";
}

	.ministry-content .ministry-intro {
		grid-area: intro;
		text-align: center;
		padding: 0 0.5em 2em 0.5em;
	}

	.ministry-content .ministry-links {
		grid-area: links;
		width: 100%;
		max-width: 62.5em;
		height: auto;
		background: rgb(43, 59, 86);	/* new added */
		justify-self: center;
	}
		.ministry-content .ministry-links a {
			text-decoration: none;
			color: black;
		}

		.ministry-content .ministry-links .ministry-item {
			padding: 1em;
			margin: 1em 0;
			width: 100%;
			height: auto;

			display: grid;
			grid-template-columns: minmax(100px, 300px) auto;
			grid-template-rows: auto;
			grid-template-areas:
				"mintitle mintitle"
				"minimg mintext";
			background: #eaeaea;	/* new added */
		}
		.ministry-content .ministry-links .ministry-item:hover {
			background-color: lightgray;
			border: 1px 0 solid rgb(43, 59, 86);	/* newely added */
		}
			.ministry-content .ministry-links .ministry-item .ministry-title {
				grid-area: mintitle;
				padding: 0 0 0.5em 0;
			}
			.ministry-content .ministry-links .ministry-item .ministry-image {
				grid-area: minimg;
				padding-right: 0.2em;
				align-self: center;

				display: flex;
			    justify-content: center;
			    align-items: center;
			    align-content: center;
			    overflow: hidden;
			    height: auto;
			    min-height: 6em;
			    max-height: 14em;
			}
				.ministry-content .ministry-links .ministry-item .ministry-image img {
					width: 100%;
					
				}
			.ministry-content .ministry-links .ministry-item .ministry-text {
				grid-area: mintext;
				padding-left: 0.2em;
			}

	.ministry-content .offline-ministry-links {
		grid-area: offline;
		margin-top: 1em;
		width: 100%;
		max-width: 62.5em;
		height: auto;
		background: rgb(43, 59, 86);	/* new added */
		justify-self: center;
	}
		.ministry-content .offline-ministry-links h2 {
			background: #eaeaea;	/* new added */
			padding-top: 1em;
			margin-bottom: 0.35em;
		}
		.ministry-content .offline-ministry-links .offline-ministry-item {
			margin: 0.2em 0;
			display: grid;
			grid-template-columns: auto;
			grid-template-rows: auto;
			grid-template-areas:
				"omintitle"
				"omintext";
			background: #eaeaea;	/* new added */
		}
				.ministry-content .offline-ministry-links .offline-ministry-title {
					grid-area: omintitle;
					padding: 0.5em 0 0.3em 0.2em;
					
				}
				.ministry-content .offline-ministry-links .offline-ministry-text {
					grid-area: omintext;
					padding: 0 0 0.5em 0.2em;
				}