/*
 * Elementor can cause images to overflow horizontally. This is a blunt way of
 * squashing the effect.
 */

body .btn {
	white-space: inherit;
}

@media (min-width: 768px) {
	body {
	    overflow-x: hidden;
	}
}

.hwtb-top-bar-container {
	background-color:  #f29437;
	color:  black;
	letter-spacing: normal;
}

.hwtb-top-bar-container a.hwtb-button {
	color:  black;
	text-shadow: none;
	font-size:  90%;
	letter-spacing: normal;
}

.hero__content a.btn-theme-primary::before {
	content: '\f00c';
}

.hero__content a.btn-secondary-outline::before {
	content: '\f0e0';
}

@media (max-width: 576px) {
	.elementor-text-editor li,
	.elementor-text-editor ul {
		/* border:  1px dashed blue; */
	  list-style-type: none; /* Remove bullets */
	  padding: 0; /* Remove padding */
	  margin: 0; /* Remove margins */
	}
}

.product-card .icon  {
	background-color:  #3477bb;
	transition: 0.3s;
}

.product-card .icon:hover {
	background-color:  #F95738;
}


.product-card .label a {

}

.product-card .label a:hover {
	text-decoration: none;
	color:  #F95738;
}

.call-to-action .btn {
	font-weight:  bold;
}

body.home .section-about .wp-block-image img {
	box-shadow:  0 0 0.5em grey;
	border:  1px dotted grey;
	border-radius:  0.5em;
	overflow:  hidden;
}

body.home .section-about h3 {
	/* border:  1px dashed blue; */
	margin-bottom:  1em;
}

body.page:not(.home) #content {
	background-color:  #D2E9E1;
}

.goolge-map {
	margin-bottom:  3em;
}

body.page article .goolge-map h2 {
	font-family:  inherit;
	text-align:  center;
	background-color:  #003E53;
	color:  white;
	font-size:  14pt;
	font-weight: bold;
	margin:  0;
	padding:  1em 0 1em 0;
}

.goolge-map .additional-meta a {
	display:  block;
	text-align:  center;
	/* background-color:  #f29437; */
	background-color:  #f29437;

	padding:  0.5em;
	font-size:  16pt;
	font-weight:  bold;
	color:  white;
	transition: 0.3s;
	border:  1px dotted #ffffff80;
	/* margin:  0.5em; */
}

.goolge-map .additional-meta a::before {
	font-family:  FontAwesome;
	margin-right:  0.5em;
}

.goolge-map .phone-number a::before {
	content:  '\f095';
}

.goolge-map .find-on-google a::before {
	content:  '\f1a0';
}

.goolge-map .additional-meta a:hover {
	text-shadow: 0 0 0.25em white;
	text-decoration: none;
}

@media (min-width: 768px) {
	.goolge-map {
		margin-bottom:  0;
	}

	.goolge-map h2 {
		font-size:  18pt;
		/* padding:  0.5em 0 0.5em 0; */
	}
}