/* Departments page theme style rules.
 */

.page-banner__image {
	width: 100%;
}

.departments-page .entry-header {
	text-align: center;
}

.department {
	display: flex;
	flex-direction: column-reverse;
	padding: 10px;
	margin: 0 -10px 20px;
	border: 1px solid var( --ct-color-middle-gray );
}

.department__map {
	padding-top: 100%;
	margin: 0 -10px 10px;
}

.department .contact-data__wrap {
	grid-template-columns: 1fr;
	gap: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
}

@media screen and ( min-width: 480px ) {
	.department .contact-data__wrap {
		grid-template-columns: repeat( 2, 1fr );
	}

	.department .contact-data_time {
		grid-row: 2;
	}

	/* If only time information added */
	.department .contact-data_time:nth-of-type( 1 ),
	.department .contact-data_time:nth-of-type( 1 ) ~ .contact-data_time {
		grid-row: 1;
	}
}

@media screen and ( min-width: 1024px ) {
	.department {
		flex-direction: row;
		align-items: stretch;
		padding: 5px;
		margin-right: 0;
		margin-left: 0;
	}

	.department:nth-child(2n) {
		flex-direction: row-reverse;
	}

	.department__info-wrap {
		width: 380px;
		height: 350px;
		padding: 95px 75px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.department .contact-data__wrap {
		grid-template-columns: 1fr;
	}

	.department .contact-data_time {
		grid-row: auto;
	}

	.department__map {
		flex: 1;
		padding-top: 0;
		margin: 0;
	}
}