/* Contact
========================================= */

.contact-page-header{
	padding: 2.5rem 0;
	h2{
		font-weight: $fontSemibold;
		font-size: 2.75rem;
	}
	p{
		padding-top: 1rem;
		font-weight: $fontLight;
		font-size: 1.375rem;
	}
}

.contact-page-content{
	.contact-map{
		position: relative;
		border: 1px solid #ccc;
	}

	.contact-map-container{
		height: 550px;

		@media (max-width: 767px) {
			height: 250px;
		}
	}
 
	.contact-map-control{
		position: absolute;
		width: 350px;
		left: 20px;
		top: 0;
		background-color: #ececec;
		border-radius: 0;
		border: none;

		@media (max-width: 767px) {
			position: relative;
			width: 100%;
			left: 0;
		}

		.card-header{
			background-color: #ececec;
			border-radius: 0;
			border: none;
			h5{
				font-weight: $fontLight;
			}

			button{
				background-color: transparent;
				border: none;
				position: relative;

				@media (max-width: 767px) {
					display: none;
				}

				&:focus{
					box-shadow: none;
				}

				&::after{
					content: '\f067';
					font-family: FontAwesome;
					position: absolute;
					left:0;
					top:0;
					color: #2ab4a4;
				}

				&[aria-expanded="true"]::after{
					content: '\f068';
				}
			}
		}

		.card-body{
			background-color: #ececec;
			@media (max-width: 767px) {
				display: none;
			}
		}

		.card-footer{
			background-color: #ececec;
			border-radius: 0;
			border: none;
			padding: 1.25rem;

			.custom-location-select{
				background-color: $white;
				position: relative;
				z-index: 10;

				&::after{
					content:"";
					width:20px;
					height: 20px;
					border: 2px solid #595959;
					position: absolute;
					right:15px;
					top:40%;
					transform: translateY(-50%)rotate(45deg);
					transform-origin: center;
					border-top:none;
					border-left:none;
				}

				select{
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					background-color: transparent;
					border:none;
					width: 100%;
					padding: 0.5rem 2.5rem 0.5rem 1rem;
    				font-weight: $fontSemibold;
    				position: relative;
    				z-index: 15;

					&:focus{
						outline:none;
					}
				}
			}
		}
	}
}




/*#map-canvas {

	height:600px;
}*/