@charset "utf-8";

	html {
		background-image: url("https://cdn.villabaanpanwa.com/www/src/img/debut-light.png");
		background-repeat: repeat;
	}

	.brandname { font-family: 'Lobster', cursive; }

	.footer-btn { background-color: #222222 !important; border: 1px solid #FF7043; border-radius: 5px; color: #FF7043 !important; text-shadow: none !important; }
	.footer-btn:hover { background-color: #222222 !important; border: 1px solid #FFFFFF; color: #FFFFFF !important; }

	.css-footer-url-link { color: #666; text-decoration: none; }
	.css-footer-url-link:hover { color: #999; text-decoration: underline; }

	.heading-highlight { color: #E64A19; }

	.subheading-highlight { color: #E64A19; }

	.text-smallish { font-size: 13px; line-height: 16px; }

	.flip-right { float: right; }

	.section-separator { margin-top:30px; }

	.mobile-section-separator { margin-top:20px; }

	.map-wrapper { position:relative; width:100%; height:400px; overflow:hidden; }

	#map-canvas { width:100%; height:400px; border:0; }

	#map-canvas img {
		/* Fixes the google map elevation controls not looking right! */
		max-width: none;
	}

	.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
	.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.margin-top-5px { margin-top:5px; }

	.nomargin-nopadding { margin:0; padding:0; }

	.css-margin-top-10 { margin-top:10px; }
	.css-margin-top-20 { margin-top:20px; }
	.css-margin-top-30 { margin-top:30px; }
	.css-margin-top-40 { margin-top:40px; }
	.css-margin-top-50 { margin-top:50px; }

	.css-feature-block {
		padding-top:20px;
		padding-bottom:20px;
	}

	@media (min-width: 1220px) {
		/* To stop the photo modals from being bigger than the 1080px wide images */
		.modal-dialog-1080 {
			width: 1080px;
		}
	}

	.uk-form-warning {
		/* There isn't a uk-form-warning in uikit, only danger and success. So I made one! */
		border-color: #dc8d99 !important; background: #fffceb !important; color: #e28327 !important;
	}

	.css-page-heading-message {
		/* border-top: 1px solid #E64A19; */
		background-color: #F4511E; color:#FFFFFF; padding-top:10px; padding-bottom:10px; box-shadow: 0px 0px 15px #AAA;
	}

	@media (min-width: 1025px) {
		.css-page-heading-message {
			margin-top: -2px;
		}
	}

	.css-message-link {
		background-color: #BF360C;
		padding: 3px 5px 3px 5px;
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		border-radius: 5px;
	}
	.css-message-link:hover {
		background-color: #FF7043;
		color: #FFCCBC;
		text-decoration: none;
	}