/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
.fa-phone{
	transform: rotate(90deg)
}
ul.post-terms{
	display:block;
}
ul.video{
	margin: 0;
	list-style: none;
}
ul.directory-listing {
  margin: 0;
  border: none;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  gap:30px;
}
ul.directory-listing a.more{
  -webkit-flex: 1 1 45%;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  width: 45%;
  -webkit-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
  text-decoration: none !important;
  color: #39B3BE !important;
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

ul.directory-listing li.card {
  width: 100%;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
  text-decoration: none !important;
  color: #39B3BE !important;

}
ul.directory-listing a.more:focus,
 ul.directory-listing a.more:hover {
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
}
ul.directory-listing a.more li.card,
ul.directory-listing li.card {
  min-height: 240px;
  padding: 1em;
  background: white;
  border-left: 15px solid #39B3BE;
  -webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
}
ul.directory-listing a.more li.card h3,
ul.directory-listing li.card h3 {
  color: #39B3BE !important;
  border-bottom: 1px solid #39B3BE;
  padding-bottom: 0.5em;
}
@media (min-width: 992px) {
  ul.directory-listing a.more,
  ul.directory-listing li.card {
	width: 28%;
	-webkit-flex: 1 1 28%;
	-ms-flex: 1 1 28%;
	flex: 1 1 28%;
  }
}
ul.directory-listing.has_sidebar a,
ul.directory-listing.has_sidebar li.card  {
  width: 100% !important;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
ul.directory-listing.has_sidebar a h3,
ul.directory-listing.has_sidebar li.card h3 {
  font-weight: bold;
}

ul.terms {
  list-style: none;
  margin: 0;
  padding: 0 1em;
  list-style: none;
}
ul.terms li {
  padding: 0.5em 1em;
}
ul.terms li:focus, ul.terms li:hover {
  background-color: #e1edd5;
  color: #47642c;
}
ul.terms li.title {
  background-color: #c7ddb2;
  color: #47642c;
  font-weight: bold;
}
ul.terms a {
  color: #61873c;
  text-decoration: none !important;
}

ul.contact {
  list-style: none;
  margin: 1em 0;
}
ul.contact li {
  margin-bottom: 1em;
}

.backbutton {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #c7ddb2;
  padding: 1em;
}
.backbutton .inner {
  max-width: 960px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.backbutton .inner span {
  width: 50px;
  height: 50px;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2em;
  margin-right: 0.5em;
  color: #61873c;
}
.backbutton .inner a {
  color: #61873c;
  font-weight: bold;
  font-size: 1.2em;
}

ul.post-terms {
  padding: 0;
  margin: 1em 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
ul.post-terms li.term {
  display: inline-block;
  margin: 0 1em 1em 0;
  color: #61873c;
  background-color: #c7ddb2;
  padding: 0.15em 1em;
  border-radius: 100px;
}

ul.single-contact {
  list-style: none;
}
ul.single-contact li {
  padding: 0.75em 1em;
  background-color: #d2eff1;
  border-bottom: 1px solid rgba(33, 105, 112, 0.5);
}
ul.single-contact li a, ul.single-contact li i {
  color: #216970;
}
ul.single-contact li i {
  font-size: 1.2em;
}

ul.leaflets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
ul.leaflets li {
  margin: 0 3em 2em 0;
}
ul.leaflets li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none !important;
  -webkit-transition: 0.4s ease-in-out all;
  transition: 0.4s ease-in-out all;
}
ul.leaflets li a:focus, ul.leaflets li a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
ul.leaflets li a span {
  display: block;
  max-width: 150px;
}
ul.leaflets li a span.title {
  background-color: #39B3BE;
  color: white;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2em;
  padding: 0.25em;
  min-height: 5em;
  text-align: center;
  display: block;
  width: 100%;
}

ul.leaflet-listing li {
  border: none;
}

ul.videos {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.videos li {
  margin-bottom: 2em;
}

.navbar-brand {
  max-width: 230px !important;
}

ul.leaflet-listing {
  list-style: none;
  border: none;
  padding: 0;
  margin: 2em 0;
}
ul.leaflet-listing > li {
  margin-bottom: 2em;
  padding: 1em;
  border-left: 15px solid #39B3BE;
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.4);
}

div.alert, .woocommerce-notices-wrapper div.woocommerce-message, div.woocommerce-info {
  position: fixed;
  background-color: red;
  bottom: 0;
  right: 10vw;
  margin: 0;
}
div.alert a, .woocommerce-notices-wrapper div.woocommerce-message a, div.woocommerce-info a {
  text-decoration: none !important;
  color: white !important;
}

.card.search {
  padding: 1em;
  border: none;
  border-left: 15px solid #c7ddb2;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.3);
}