@charset "UTF-8";
/* playfair-display-regular - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-600 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-600italic - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-700 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-700italic - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-800 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 800;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-800italic - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 800;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-900 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* playfair-display-900italic - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 900;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/playfair-display-v37-latin-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* open-sans-regular - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/open-sans/open-sans-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* open-sans-500 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/open-sans/open-sans-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* open-sans-600 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/open-sans/open-sans-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* open-sans-700 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/open-sans/open-sans-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
/* open-sans-800 - latin */
@font-face {
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("https://nya.hanser.se/wp-content/themes/ahp/assets/fonts/open-sans/open-sans-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}
:root {
  --bg: oklch(18.691% 0.01235 237.571);
  --bg-panel: oklch(29.205% 0.01796 262.242);
  --bg-panel-light: hsl(224, 6%, 45%);
  --navbar: hsl(226, 12%, 15%);
  --switch-color: var(--primary);
  --color-heading: #efefef;
  --color-text: rgba(255, 255, 255, 0.8);
  --color-bold: #fff;
  --primary: #589dea;
  --primary-dark: #427cbe;
  --primary-light: #92c4fd;
  --hr: #888;
  --highlight: var(--primary-light);
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline li {
  background: color-mix(in lab, var(--color-text) 50%, var(--bg) 50%);
}

.timeine-ingress {
  width: 100% !important;
}

.timeline {
  padding-top: 0 !important;
  margin-top: 0;
  scrollbar-width: none;
}
.timeline ::-webkit-scrollbar {
  display: none;
}
.timeline {
  display: grid;
  justify-content: center;
}
.timeline ul {
  background: transparent;
  padding: 0 !important;
}
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: var(--bg);
}
.timeline ul li::after {
  background: var(--primary) !important;
  background-size: 40% !important;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
}
.timeline ul li .timeline-year {
  display: flex;
  flex-direction: column;
  width: 280px;
}
@media (min-width: 768px) {
  .timeline ul li .timeline-year {
    width: 450px;
  }
}
@media (min-width: 992px) {
  .timeline ul li .timeline-year {
    width: 350px;
  }
}
@media (min-width: 1200px) {
  .timeline ul li .timeline-year {
    width: 340px;
  }
}
@media (min-width: 1600px) {
  .timeline ul li .timeline-year {
    width: 460px;
  }
}
.timeline ul li .timeline-year .img-wrapper {
  position: relative;
  height: auto;
  min-height: 25px;
  display: flex;
  flex-direction: column;
}
.timeline ul li .timeline-year .img-wrapper .year-wrapper {
  position: relative;
  display: grid;
  z-index: 9998;
  transition: 100ms !important;
}
.timeline ul li .timeline-year .img-wrapper .year-wrapper .year {
  background-color: var(--primary);
  position: absolute;
  display: grid !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0.5rem 0.8rem 0.8rem !important;
  text-box-trim: trim-both !important;
  text-box-edge: cap alphabetic !important;
  color: #fff;
  top: -0.5rem;
  z-index: 9999;
  margin-top: -0.5rem;
  font-family: "Playfair Display", serif;
  font-weight: 800;
  font-size: 120%;
}
.timeline ul li .timeline-year .img-wrapper img {
  height: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}
.timeline ul li .timeline-year .timeline-content {
  background: var(--bg);
  padding: 2rem;
}
.timeline ul li .timeline-year .timeline-content h3 {
  color: #efefef !important;
  font-family: "Playfair Display", serif;
  margin-bottom: 1.5rem !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.025rem;
  text-align: center;
}
@media (min-width: 768px) {
  .timeline ul li .timeline-year .timeline-content h3 {
    font-size: 1.35rem !important;
  }
}
@media (min-width: 1200px) {
  .timeline ul li .timeline-year .timeline-content h3 {
    text-align: left;
    font-size: 1.5rem !important;
  }
}
.timeline ul li .timeline-year .timeline-content p {
  text-wrap: pretty !important;
  color: var(--color-text);
  display: block !important;
  margin-bottom: 0;
  font-size: 75%;
}
@media (min-width: 1200px) {
  .timeline ul li .timeline-year .timeline-content p {
    font-size: 85%;
  }
}
.timeline ul li .timeline-year .timeline-content .ahp-btn {
  background-color: color-mix(in lab, var(--primary) 40%, var(--bg-panel) 60%) !important;
  color: var(--color-text);
  padding: 0.5rem 1rem 0.65rem;
  margin-top: 1.5rem;
  font-size: 0.9rem;
}

.timeline ul li .timeline-year {
  transform: translateX(-50%);
}
.timeline ul li .year-wrapper {
  display: grid;
}
.timeline ul li .year {
  display: none;
}

@media (min-width: 992px) {
  .timeline ul li:nth-child(even) .timeline-year {
    transform: translate3d(-112%, 0, 0);
  }
  .timeline ul li:nth-child(even) .year-wrapper {
    justify-content: right;
    transform: translateX(86%) !important;
  }
}

@media (min-width: 992px) {
  .timeline ul li:nth-child(odd) .timeline-year {
    transform: translateX(14%);
  }
  .timeline ul li:nth-child(odd) .year-wrapper {
    justify-content: left;
    transform: translateX(-3%);
  }
}

/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ul li::after {
  transition: 500ms ease-in-out;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-200%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-111%, 0, 0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(200%, 0, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate3d(12%, 0, 0);
  }
}