@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');
body,
p,
li,
ul,
ol,
a,
span,
div,
section,
article {
  font-family: "Lora", serif !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #222222 !important;
  word-spacing: 0.5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lora", serif !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin-top: 1.6em !important;
  margin-bottom: 0.6em !important;
  letter-spacing: 0.3px;
}
h1,
h2 {
  text-transform: none;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3em;
}
h1,
h2,
h3 {
  margin-top: 2.4em !important;
}
h2 + p {
  margin-top: 0.8em !important;
}
ul,
ol {
  margin-left: 1.6em !important;
  margin-bottom: 1.2em !important;
}
li {
  margin-bottom: 0.5em !important;
}
em,
i {
  font-style: italic !important;
  color: #333333 !important;
}
a {
  color: #2c3e50 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: #6b0f1a !important;
  text-decoration: underline;
}
.elementor-widget-container,
.entry-content,
.site-content,
.content-area {
  font-family: "Lora", serif !important;
  font-size: 18px !important;
  color: #222 !important;
  line-height: 1.7 !important;
}
body {
  padding: 20px;
  background-color: #fff;
}
@media (max-width: 768px) {
  body {
    padding: 10px;
    font-size: 17px !important;
  }
}
footer,
#colophon,
.site-footer,
.footer,
.footer-bottom,
.site-info,
.site-footer .container,
.footer-widgets,
.copyright {
  background: #f7f7f7 !important;
  background-image: none !important;
  color: #222 !important;
  border-top: 1px solid #ddd !important;
  padding: 24px 12px !important;
}
footer *,
#colophon *,
.site-footer *,
.footer *,
.footer-bottom *,
.site-info * {
  color: #222 !important;
}
footer a,
#colophon a,
.site-footer a,
.footer a,
.site-info a,
footer a:visited,
#colophon a:visited,
.site-footer a:visited {
  color: #2c3e50 !important;
  text-decoration: none !important;
}
footer a:hover,
#colophon a:hover,
.site-footer a:hover,
.site-info a:hover {
  color: #6b0f1a !important;
  text-decoration: underline !important;
}
.site-footer::before,
.site-footer::after,
footer::before,
footer::after,
#colophon::before,
#colophon::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 1 !important;
}
