:root {
  --custom-font: "Conthrax SemiBold", sans-serif;
  --primary-color: #e01d01;
}

@font-face {
  font-family: "Conthrax SemiBold";
  font-style: normal;
  font-weight: normal;
  src: local("Conthrax SemiBold"), url("fonts/conthrax-sb.woff") format("woff");
}
body {
  font-size: 110%;
}
h1,
h2,
h3,
h4 {
  font-family: var(--custom-font);
}
h5 {
  color: #444;
  margin-bottom: 1rem;
}
h5 i {
  color: var(--primary-color);
}
h1.entry-title {
  margin: 0;
  padding: 0;
}
hr {
  opacity: 1;
  background-color: var(--primary-color);
  color: var(--primary-color);
  margin-block: 1.8rem;
}
@media (min-width: 992px) {
  hr {
    margin-block: 3rem;
  }
}
aside .wp-block-heading {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--primary-color);
}
iframe {
  max-width: 100%;
}
.custom-font {
  font-family: var(--custom-font);
}
.site-main {
  padding-bottom: 2rem;
}

/* Navigation */
.navbar-brand img {
  width: 120px;
  opacity: 1;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.navbar-brand img:hover {
  opacity: 0.9;
}
.nav-item a {
  font-family: var(--custom-font);
  color: #fff;
}
.nav-item a:hover {
  color: var(--primary-color);
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin-left: 1rem;
}
/* HOME */

.point-left {
  position: absolute;
  bottom: 2vh;
  left: 0;
  max-width: 550px;
  opacity: 0.8;
}
.point-right {
  position: absolute;
  top: 2vh;
  right: 0;
  max-width: 550px;
  opacity: 0.8;
  margin: 0;
  padding: 0;
}

/* Pages */

.entry-header {
  min-height: 20vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  color: #fff;
  margin-bottom: 1.5rem;
  display: grid;
  align-content: center;
}

/* Events */
.page-template-page-events article {
  box-shadow: none;
  background-color: #f8fafc;
  border-radius: 0.5rem;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.page-template-page-events article:hover {
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);
  background-color: #f4f6f8;
}
.event-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.event-thumb {
  box-shadow: 0px -0.4px 2.2px rgba(0, 0, 0, 0.054),
    0px -0.3px 5.3px rgba(0, 0, 0, 0.087), 0px 0.7px 10px rgba(0, 0, 0, 0.107),
    0px 3.5px 17.9px rgba(0, 0, 0, 0.12), 0px 10.7px 33.4px rgba(0, 0, 0, 0.128),
    0px 38px 80px rgba(0, 0, 0, 0.13);
}

/* Posts */
.post-date {
  color: var(--primary-color);
  font-size: 1.1rem;
}
.news-card a img {
  opacity: 1;
	height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.news-card a:hover img {
  opacity: 0.7;
}
.news-card .post-date {
  font-size: 0.92rem;
}
.news-read-all {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.wp-block-latest-posts__list li {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.wp-block-latest-posts__list li a {
  font-size: 0.9rem;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.wp-block-latest-posts__list li a:hover {
  color: var(--primary-color);
}
.wp-block-latest-posts__list li time {
  text-decoration: none;
  color: #999;
}
/* footer */
footer {
  font-size: 0.8rem;
}

/* HEADROOM PLUGIN */
.headroom {
  -webkit-transition: all 0.6s 0s ease;
  -moz-transition: all 0.6s 0s ease;
  -o-transition: all 0.6s 0s ease;
  transition: all 0.6s 0s ease;
  position: sticky;
  z-index: 100000;
  top: 0;
}

.headroom--pinned {
  top: 0;
}

.headroom--unpinned {
  top: -160px;
}