body, html {
	background-color:#f2f2f2; 
	font-family: 'Montserrat', sans-serif; 
}

h2 {font-size:1.5rem; color:#000000; font-weight:600;}
h2 strong {font-weight:800;}
h3 {font-size:1.2rem; color:#767676; font-weight:400;}

p {font-size:0.95rem; color:#767676; margin-bottom:5px; line-height:1.3; font-weight:400;}
p.message {color:#000000; font-weight:500;}
p strong {font-weight:600;}

li {font-size:0.95rem; color:#767676; margin-bottom:5px; line-height:1.3; font-weight:400;}


.brand-heading {
	display:flex;
	padding:10px;
	justify-content: center;
	align-items:center;
	background-color:#28373e;
}



/* Responsive Map */

.google-maps {
    position: relative;
    padding-bottom: 50%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }




.panel-wrap {max-width: 575px; }
.embedmap {background-color:#ffffff;}

.details-wrap {background-color:#ffffff; padding:20px;}
.details-hdg {text-align:center; padding-bottom:30px; padding-top:30px;}

.details {display:flex; margin:0px auto 30px auto; max-width:340px;}

a i {color:rgba(1,124,221,1.00)}


.detail-msg {align-self:center; flex-shrink: 1; margin-right:15px;}


.detail-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
	text-decoration:none; 
    width: 100%;
}

.detail-msg {
    flex-grow: 1;
    padding: 0 1em; /* Optionally add some space around the text */
}







.rounded-circle { width: 60px; height: 60px; margin-right:20px; display:flex; justify-content:center; align-items:center; flex-shrink:0;}
.rounded-circle.colour {
	background-color: rgba(222,240,255,1.00);
}


.rounded-circle.blue {
	background-color: rgba(144,163,251,1.00);
}

.rounded-circle.green {
	background-color: rgba(94,219,141,1.00);
}

.rounded-circle.red {
	background-color: RED;
}



.rounded-square {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px; /* Adjust this value to control the rounding of the corners */
}

.rounded-square.green1 {
    background-color: rgba(222, 240, 255, 1.00);
}

.rounded-square.blue {
	background-color: rgba(144,163,251,1.00);
}

.rounded-square.green {
	background-color: rgba(94,219,141,1.00);
}

.rounded-square.red {
	background-color: RED;
}

.rounded-square i {
	color: white; 
	font-size: 1.9rem;
}




/* Font Awesome */
/*
.icon-comment:before {
	font-family: "FontAwesome";
	content: "\f0e6";
	font-size: 1.4rem;
	color: rgba(1,124,221,1.00);
}

.icon-phone:before {
	font-family: "FontAwesome";
	content:"\f095";
	font-size: 1.4rem;
	color: rgba(1,124,221,1.00);
}

.icon-chat:before {
	font-family: "FontAwesome";
	content:"\f232";
	font-size: 1.4rem;
	color: rgba(1,124,221,1.00);
}

.icon-sign:before {
	font-family: "FontAwesome";
	content:"\f277";
	font-size: 1.4rem;
	color: rgba(1,124,221,1.00);
}

.icon-email:before {
	font-family: "FontAwesome";
	content:"\f0e0";
	font-size: 1.4rem;
	color: rgba(1,124,221,1.00);
}

.icon-dart:before {
	font-family: "FontAwesome";
	content:"\f1d8";
	font-size: 1.4rem;
	color: rgb(255, 255, 255);
}
*/


/* Footer */

.footer-block {
	display:flex;
	padding:10px 10px;
	justify-content: center;
	align-items:center;
	background-color:#28373e;
	
}



.copyright p {
	color: #A0A0A0;
	text-align: center;
	font-size:0.8rem;
}
.pagelinks ul {text-align: center; margin-bottom: 4px;}
.pagelinks li {display:inline; font-size:0.8rem;}
.pagelinks li a {color: #A0A0A0; text-decoration:none; margin:8px 12px;}
.pagelinks li a:hover {color: #ffffff; }



select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat;
  background-position: right 0px top 50%;
  background-size: 36px;
}