@font-face {
    font-family: 'Akkordeon Seven';
    src: local('Akkordeon Seven'), local('Akkordeon-Seven'),
        url('inc/fonts/Ak1000-Seven.woff2') format('woff2'),
        url('inc/fonts/Ak1000-Seven.woff') format('woff'),
        url('inc/fonts/Akkordeon-Seven.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 247;
  font-style: normal;
}

b, strong {
  font-weight: 700;
}

/* Global */
.site-main {
  padding-top: 60px;
}

.entry-title {
  font-family: 'Akkordeon Seven';
  letter-spacing: 4px;
}

.new-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background-color: #f8f0e3;
}

#site-header.header-hidden {
  transform: translateY(-300%);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
}
#site-header {
  transition: transform 0.3s, opacity 0.3s;
}

.logo-container { 
  position: relative;
  display: block;
  /* width: 160px; */
}
.logo-container a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -16px);
  display: block;
  width: 260px;
}
@media screen and (max-width: 767px) {
  .new-header { height: 40px; }
  .site-main {padding-top: 40px;}
  .naviation-wrapper { text-align: center; }
  .logo-container a { width: 180px; transform: translate(-50%, -12px); 
  }                                                                                                         
}
.hp-layout-container { max-width: 1200px; margin: 0 auto; padding: 0 16px 80px; }
.hp-row { margin-bottom: 80px; }
.hp-layout-container .font-heading { font-family: 'Akkordeon Seven'; letter-spacing: 4px; }
@media (max-width: 767px) {
  .hp-layout-container { padding: 0 12px 40px; }
  .hp-row { margin-bottom: 40px; }
}

/* Full width article */
.hp-full-width-article { position: relative; text-align: left; }
.hp-full-image { width: 100%; height: auto; display: block; margin-bottom: 12px;}
.hp-full-width-article .hp-full-title { padding: 0 12px; margin: 0; font-size: 64px; text-align: center; letter-spacing: 8px; line-height: 1.2; opacity: 1; transition: opacity 0.3s; text-decoration-thickness: 1px; }
.hp-full-width-article:hover .hp-full-title { text-decoration: underline; opacity: 0.9; }

@media (max-width: 767px) {
  .hp-full-width-article .hp-full-title { font-size: 32px; padding: 0 8px; }
  .hp-full-image { margin-bottom: 8px;}
}

/* Full width article with excerpt */
.hp-full-with-excerpt .hp-fw-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hp-full-with-excerpt .hp-fw-grid:hover .hp-fw-read-more{
  text-decoration: underline;
}
.hp-full-with-excerpt .hp-fw-textbox {
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hp-full-with-excerpt .hp-fw-title  {
  text-decoration: none;
  line-height: 1.2;
  font-size: 40px;
  margin-top: 0;
}
/* .hp-full-with-excerpt .hp-fw-title:hover {
  text-decoration: underline;
} */
.hp-full-with-excerpt .hp-fw-excerpt  {
  margin-top: 0;
}
.hp-full-with-excerpt .hp-fw-excerpt p {
  margin-bottom: 1em;
}
.hp-full-with-excerpt .hp-fw-excerpt p:last-of-type {
  margin-bottom: 0;
}
.hp-full-with-excerpt .hp-fw-meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 36px;
  line-height: 1;
  justify-content: space-between;
  text-transform: uppercase;
  margin-top: 0.5em;
}
.hp-full-with-excerpt .hp-fw-read-more {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
/* .hp-full-with-excerpt .hp-fw-read-more:hover {
  text-decoration: underline;
} */
.hp-full-with-excerpt .text-dark {
  color: #333;
}
.hp-full-with-excerpt .text-light {
  color: #fff;
}

.hp-fw-image {
  overflow: hidden;
  height: 100%;
  /* display: flex;
  align-items: stretch; */
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 100%;
}

.hp-fw-image a,
.hp-fw-image img.hp-fw-img {
  width: 100%;
  height: 100%;
  display: block;
}

.hp-fw-image img.hp-fw-img {
  object-fit: cover; /* Crop image to fit the box */
}

/* Responsive */
@media (max-width: 767px) {
  .hp-full-with-excerpt .hp-fw-grid {
    grid-template-columns: 1fr;
  }
  .hp-fw-image {
    height: auto;
  }
  .hp-fw-image img.hp-fw-img {
    height: auto;
    object-fit: contain;
  }
  /* .hp-full-with-excerpt .hp-fw-title { font-size: 28px; } */
  .hp-full-with-excerpt .hp-fw-excerpt P { font-size: 16px; }
  /* .hp-full-with-excerpt .hp-fw-meta { font-size: 24px; } */
}
@media (max-width: 480px) {
  .hp-full-with-excerpt .hp-fw-title { font-size: 28px; }
  /* .hp-full-with-excerpt .hp-fw-excerpt { font-size: 14px; } */
  .hp-full-with-excerpt .hp-fw-meta { font-size: 24px; }
  
}

/* Two articles side by side */
/* .hp-two-articles-side-by-side .hp-two-grid {
  display: flex;
  gap: 80px;
  justify-items: center;
  justify-content: center;
}
.hp-col { text-align: left; width: 33.33%; } */
.hp-two-articles-side-by-side .hp-two-grid {
  display: grid;
  gap: 80px;
  grid-template-columns: repeat(2, 1fr);
  max-width: 960px;
  margin: 0 auto;
}
.hp-col { text-align: left;}
.hp-thumb-img { width: 100%; height: auto; display:block; }
.hp-two-articles-side-by-side .hp-item-title { margin: 8px 0 0; font-size: 36px; line-height: 1.2;  }
.hp-two-articles-side-by-side .hp-col:hover .hp-item-title { text-decoration: underline; opacity: 0.9; }

/* Banner */
.hp-banner-full-width { text-align: center; }
.hp-banner-img { width: 100%; height: auto; display:block; }

/* Responsive */

@media (max-width: 767px) {
  .hp-full-title { font-size: 20px; left: 12px; bottom: 12px; padding: 8px 10px; }
  .hp-full-with-excerpt .hp-fw-grid,
  .hp-two-articles-side-by-side .hp-two-grid { grid-template-columns: 1fr; gap: 40px; }
}