@charset "utf-8";
/* CSS Document */
div#map {
	height:320px;
	margin-top:12px;
	border:1px solid #9e9fa1;
	border-radius:14px;
}
div#fields {
	float: left;
	width: 240px;
	margin-bottom: 12px;
}
div#msg {
	float: left;
	width: calc(100% - 250px);
}
div.action-row {
	clear: both;
}
DIV.input-row textarea {
	min-width: 200px;
	width: 100%;
	max-width: 100%;
}
div.row{
	max-width:1140px;
	margin:20px auto;
	display:flex;
	gap:12px;
}
div.row section{
	background:#f9f9f9;
	padding: 20px;
	overflow: hidden;
	border-radius:14px;
}
section#enquiry {
	flex-grow:3;
}
section#openingHours {
	flex-grow:1;
}
section#address {
	width: 200px;
    flex: 0 0 200px;
}
section#mapHold {
	flex:1;
}

section table{
	border-collapse:collapse;
	width:100%;
	border-radius:14px;
	margin-bottom:12px;
}
section table th{
	background:#9e9fa1;
	padding:5px;
	border:1px solid #25265c;
}
section table tr:nth-child(odd) {
	background:#fff;
}
section table td{
	border:1px solid #25265c;
	padding:5px;
	text-align:center;
}
section table tbody td:nth-child(-n + 2) {
	text-align:left;
}
section table.three col {
	width:33%;
}
section table.four col {
	width:30%;
}
section table.four col.three,
section table.four col.four {
	width:20%;
}

section table#opening td:nth-child(2){
	text-align:center;
}

section h1,
section h2 {
	margin-bottom:12px;
}
@media only screen and (max-width : 996px) {
div#fields, div#msg {
	float: none;
	width: 100%;
}
}
@media only screen and (max-width : 690px) {
div.row {
	display:block;
	margin:0;
}
section#enquiry,
section#openingHours,
section#address,
section#mapHold {
	display:block;
	margin:12px 0px;
	width:auto
}
section#address {
	/*width:auto;*/
}
}