/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


.mw-cities-container {
	/*padding: 20px;
	margin: 0 20px;
	background-color: #fafafa;*/
}

.cityInfo p {
	margin-bottom: 0;
}

.citylist {
	margin: 50px;
}

.citylist ul {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	list-style: none;
}

.mw-cities-logo {
	height: 60px !important;
}

.mw-city-list-name {
	font-weight: bold;
	text-transform: lowercase;
	font-family: Arial;
	font-size: 15px;
	position: absolute;
	top: 33px;
	left: 200px;
}

.mw-cities-list-icons .mk-button-container { margin-right: 10px !important; }
.mw-cities-list-icons .mk-button--dimension-outline.mk-button--size-large { padding: 10px !important; }
.mw-cities-list-icons .fa {font-size: 130%;}

@media screen and (max-width: 768px) {
	.citylist ul {
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}
}

@media screen and (max-width: 415px) {
	.mw-cities-list-icons { margin-top: 20px; }
	.mw-cities-list-icons .mk-button-container { display: inline; }
	.mw-cities-list-icons .mk-button--dimension-outline.mk-button--size-large { margin-bottom: 10px !important; }
}