* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.47;
    background-color: #ffffff;
    font-size: 14px;
}

a, 
a:visited {
	color: #007cba;
}

a:hover, 
a:active, 
a:focus {
	color: #00b9eb;
}

h1,
h2,
h3 {
    line-height: 1.3
}

pre {
	font-size: 12.5px;
}

/* body */

body.page-template-inquiry-thankyou,
body.error404 {
	background: #f9f9f9;
}

.page-template-send-utility-readings,
body.page-template-utility-readings-thankyou {
	background: #EFF5F8;
}


@media (min-width: 600px) {
	body {
		font-size: 16px;
	}
}

/* btn-close */

.btn-close {
	background: none;
	color: #004185;
	border: 0 none;
	font-family: 'Times New Roman', serif;
	padding: 5px 6px;
	line-height: 29px;
	font-size: 59px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	transition: 0.3s opacity;
}

.btn-close:focus {
	outline: 0 none;
	color: #68707a;
}

.btn-close--contact-modal {
	color: #fff;
	top: 20px;
	right: 20px;
	font-size: 40px;
	opacity: 0.7;
}

@media (min-width: 1400px) {
	.btn-close--contact-modal {
		top: 29px;
		right: 35px;
	}
}


@media (min-width: 600px) {
	.btn-close:hover {
		opacity: 0.9;
	}
}

.btn-close--contact-modal:hover,
.btn-close--contact-modal:focus {
	opacity: 0.9;
}


@media screen and (max-width: 600px) {
	#wpadminbar {
	    position: fixed;
	}
}

/* Fix for second water meter group - display side by side from 768px */
.js-second-water-group {
	flex-direction: column;
}

.js-second-water-group .form-cols__col {
	flex: 1;
}

/* Water meter add/remove buttons */
.js-add-water-meter-btn,
.js-remove-water-meter-btn {
	align-items: center !important;
	gap: 8px !important;
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	font-size: 12px !important;
	padding: 0 !important;
	transition: opacity 0.2s ease !important;
}

.js-add-water-meter-btn {
	color: #0A73BA !important;
	opacity: 1 !important;
}

.js-add-water-meter-btn:hover {
	opacity: 0.8 !important;
}

.js-remove-water-meter-btn {
	color: #333 !important;
	opacity: 0.7 !important;
}

.js-remove-water-meter-btn:hover {
	opacity: 1 !important;
}

.second-water-group {
	border-top: 1px solid #DDDDDD;
	padding-top: 18px;
}

@media (min-width: 768px) {
	.js-second-water-group {
		flex-direction: row !important;
	}

	.js-add-water-meter-btn,
	.js-remove-water-meter-btn {
		font-size: 14px !important;
	}
}