/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 :root {
  --color-blue: #283952;
	--color-tan: #E9E4D9;

 }

.ec-shortcode-wrapper {
  display:flex;
  flex-direction:column;
  gap:15px;
  width:80%;
}
.ec-shortcode-category {
  display:flex;
  background-color:white;
  border: 2px solid var(--color-tan);
  border-radius:25px;
  padding:15px;
  gap:0 30px;
}
.ec-shortcode-box {
  display:flex;
  flex-direction:column;
  border-radius:25px;
  background-color: var(--color-tan);
  color: var(--color-blue);
  padding: 15px;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-weight:bold;
  width:25%;
}
.ec-shortcode-info p {
  margin-bottom:0px;
}
.ec-shortcode-info i.fas:before {
  color:#DD7D5F;
  margin-right:5px;
}
.ec-shortcode-box p {
  margin-bottom:0px;
  font-size:18px;
}
.ec-shortcode-box h5 {
  font-size: 40px; 
  line-height: 1;
}
.ec-shortcode-info {
  display:flex;
  flex-direction:column;
  width:auto;
  padding:10px 0;
}
.ec-local-time {
  font-size:16px;
  color:gray;
}
.ec-local-time i.fas:before {
  color:gray;
  margin-right:5px;
}