#archive-maps {
	background:white;
	border:1px solid #eee;
	padding-left:3em;
	padding-right:3em;
	padding-bottom:40px;
}

.archive-maps-filter {
	margin-top:40px;
}

	.archive-maps-filter ul {
		list-style-type: none;
		padding-left: 0px;
		display: block;
		margin-top: 20px;
		margin-bottom:30px;
		padding-bottom:0px;
		border-bottom:1px solid #ddd;
	}

		.archive-maps-filter li {
			float:left;
			margin-right: 2%;
			width: 18%;
			margin-bottom:20px;
		}
				@media (max-width: 991px) {
					.archive-maps-filter li {
						width: 31%;
					}
				}

				@media (max-width: 767px) {
					.archive-maps-filter li {
						width: 48%;
					}
				}

			.archive-maps-filter li select {
				max-width:100%;
				width:100%;
			}


		.archive-maps-filter label {
			display:block;
			margin-bottom:10px;
		}

		.archive-maps-filter .map-filter input {
			width:100%;
		}

		#archive-maps .page-title {
			color: #ac0000;
			border-bottom: 1px solid #ddd;
			padding-bottom: .5em;
			font-weight: normal;
			margin-top: 35px !important;
			margin-bottom: 20px;
		}	
	

.maps-wrap .col-sm-3 {
	overflow:hidden;
}

.maps-wrap .maps-item {
	display:block;
	position: relative;
	margin-bottom:15px;
	padding-left:0px;
}

	.maps-item > a {
		display:block;
		position: relative;
		transition:all 500ms ease !important; 
	}
		.maps-item > a span {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			font-family: 'roboto', helvetica, arial, sans-serif;
			font-weight: 500;
			font-style: normal;
			font-size: 20px;
			color: #ffffff;
			background: rgba(15,32,67,0.75);
			padding: 8px 20px;
			background: rgb(168,77,196);
			/* Old browsers */
			background: linear-gradient(to left, rgba(15,32,67,0.75) 50%, rgb(212,64,58)  50%);
			background-size: 200% 100%;
			background-position:right bottom;
			transition:all 500ms ease !important;
		} 
	
			.maps-item > a:hover, .maps-item > a:active, .maps-item > a:focus {
				background:rgb(212,64,58);
				transition:all 500ms ease !important;
			}

			.maps-item > a:hover span, .maps-item > a:active span, .maps-item > a:focus span  {
				background-position:left bottom;
				color:white !important; 
			}

			.maps-item > a:hover img, .maps-item > a:active img, .maps-item > a:focus img  {
				opacity:0.5;
				transition:all 500ms ease !important; 
				
			}	

	.maps-item > a img {
		width:100%;
		transition:all 500ms ease !important; 
	}

.page-template-template-uc_abroad_maps #no-items-found-message {
	margin-bottom: 30px;
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid #ffeeba;
	padding:20px;
	border-radius: 8px;
}

/* ============= SINGLE PAGE ============= */


#single-map {
	padding:30px 2.5em;
	background:white;
	border:1px solid #eee;
}

	.single-uc_abroad_maps .page-title {
		font-size:30px;
		margin-bottom:30px;
		margin-top:0px;
	}

	.single-uc_abroad_maps .nav-tabs {
		margin-bottom:20px;
	}

	.single-uc_abroad_maps .single-map-content p {
		line-height:1.5em;
	}

	#single-map img {
		width:100%;
	}

	#single-map .col-sm-8 {
		margin-bottom:30px;
	}


/* ========== PRINT STYLES ========== */

.maps-print-view {
	display:none;
}

@media print {
	
	#single-map {
		padding:0px;
		border:none;
	}
	
		#single-map .nav-tabs {
			display:none;
		}

		#single-map .col-sm-8 {
			width:100%;
		}

		#single-map .tab-content {
			display:none;
		}

		#single-map .maps-print-view {
			display:block;
		}

		#single-map h4 {
			font-size:30px !important;
			font-weight:bold !important;
			margin-top:40px;
		}
                
                #single-map img{
                    display: none;
                }
                
                #footers{
                    display: none;
                }
}