/*
 * Page Styles
 * ------------------------------------------------------------------------------------------------
*/






/*
 * Section 2
 * ------------------------------------------------------------------------------------------------
*/
.section-cities {
	background-color: #F4F4F4;
	padding-top: 70px;
	padding-bottom: 70px;
}
.section-cities .page-overtitle {
	text-align: center;
	margin-bottom: 5px;
}
.section-cities .page-title {
	color: #FF5C28;
	margin-top: 0;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.section-cities .cities-posts {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	grid-gap: 15px 1.3%;
	margin-top: 30px;
}
.section-cities .cities-posts .city-item {
	background-color: #fff;
	width: 100%;
	max-width: 288px;
	max-width: 24%;
	text-decoration: none;
	padding: 15px;
	margin-bottom: 0;
}
.section-cities .cities-posts .city-item:hover {
	box-shadow: 0px 4px 15px 0px #00000040;
	text-decoration: none;
}
.section-cities .cities-posts:not(.shown-all) .city-item:nth-child(4) ~ .city-item {
	/* display: none; */
}
.section-cities .cities-posts .city-item .city-image {
	position: relative;
}
.section-cities .cities-posts .city-item .city-image .wp-post-image {
	width: 100%;
	height: 130px;
	object-fit: cover;
}
.section-cities .cities-posts .city-item .city-image .city-icon {
	position: absolute;
	right: -10px;
	bottom: -45px;
}
.section-cities .cities-posts .city-item h5 {
	color: #09131F;
	min-height: auto;
	margin-top: 18px;
	margin-bottom: 10px;
}
.section-cities .cities-posts .city-item h5:before {
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17.016" height="21.464" viewBox="0 0 17.016 21.464"%3E%3Cpath id="geo_location_1_" data-name="geo_location (1)" d="M18.158,27.356l.35-.487Zm.7,0,0,0,.006,0,.019-.014.071-.051c.061-.044.15-.109.261-.193.223-.169.54-.416.919-.734a26.144,26.144,0,0,0,2.781-2.707c2.01-2.281,4.1-5.537,4.1-9.259A8.336,8.336,0,0,0,24.526,8.46a8.591,8.591,0,0,0-12.035,0A8.336,8.336,0,0,0,10,14.393c0,3.722,2.088,6.978,4.1,9.259a26.143,26.143,0,0,0,2.781,2.707c.379.318.7.565.919.734.112.084.2.149.261.193l.071.051.019.014.006,0,0,0A.619.619,0,0,0,18.858,27.356Zm-.35-.487.35.487Zm3.039-12.521a3.039,3.039,0,1,1-3.039-2.981A3.01,3.01,0,0,1,21.547,14.347Z" transform="translate(-10 -6)" fill="%23FF5C28" fill-rule="evenodd"/%3E%3C/svg%3E');
	background-image: url('data:image/svg+xml,%3Csvg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.3998 0.799805C12.5998 0.799805 15.9998 4.1998 15.9998 8.3998C15.9998 9.4998 15.7998 10.4998 15.3998 11.3998C14.0998 14.4998 11.1998 18.2998 8.3998 20.7998C5.6998 18.2998 2.6998 14.4998 1.3998 11.3998C0.999805 10.4998 0.799805 9.3998 0.799805 8.3998C0.799805 4.1998 4.1998 0.799805 8.3998 0.799805Z" stroke="%23FF5C28" stroke-width="1.5" stroke-miterlimit="10"/%3E%3Cpath d="M8.3998 10.8998C9.7998 10.8998 10.9998 9.7998 10.9998 8.2998C10.9998 6.7998 9.7998 5.7998 8.3998 5.7998C6.9998 5.7998 5.7998 6.8998 5.7998 8.3998C5.7998 9.8998 6.8998 10.8998 8.3998 10.8998Z" stroke="%23FF5C28" stroke-width="1.5" stroke-miterlimit="10"/%3E%3C/svg%3E');
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 17px;
	height: 21px;
	display: inline-block;
	position: relative;
	top: -4px;
	margin-right: 8px;
	vertical-align: middle;
}
.section-cities .cities-posts .city-item .text-small {
	color: #09131F;
	margin-bottom: 15px;
}
.section-cities .cities-posts .city-item .read-more {
	display: inline-block;
	color: #1A73E8;
	font-size: 14px;
	overflow: hidden;
	transform: translateX(calc(-100% + 10px));
	transition: all 0.05s;
}
.section-cities .cities-posts .city-item:hover .read-more {
	transform: translateX(0);
}
.section-cities .cities-posts .city-item .read-more-wrap {
	overflow: hidden;
}
.section-cities .cities-posts .city-item .read-more:after {
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.5 1.5L6.5 6.5L1.5 11.5" stroke="%231A73E8" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 8px;
	height: 13px;
	display: inline-block;
	position: relative;
	top: 0px;
	margin-left: 10px;
	vertical-align: middle;
}
.section-cities .show-more-wrap {
	text-align: center;
	margin-top: 25px;
}
.section-cities .show-more-wrap .show-more {
	font-size: 14px;
	line-height: normal;
}
.section-cities .show-more-wrap a:hover {
	text-decoration: none;
}

@media (max-width: 991px) {
	.section-cities .cities-posts {
		grid-gap: 15px 15px;
		max-width: 591px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-cities .cities-posts .city-item {
		max-width: 48.65%;
	}
}
@media (max-width: 767px) {
	.section-cities {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-cities .cities-posts .city-item .read-more {
		transform: translateX(0);
	}
}
@media (max-width: 500px) {
	.section-cities .cities-posts {
		max-width: 350px;
	}
	.section-cities .cities-posts .city-item {
		max-width: 350px;
	}
}