/* Port of the WordPress "CTLG" theme styles used by summersmess.ch */
@font-face{font-family:Newsreader;font-style:normal;font-weight:300;font-display:fallback;src:url(fonts/newsreader_300.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:fallback;src:url(fonts/newsreader_regular.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:italic;font-weight:300;font-display:fallback;src:url(fonts/newsreader_300italic.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:fallback;src:url(fonts/newsreader_italic.woff2) format("woff2")}
@font-face{font-family:Outward;font-style:normal;font-weight:400;font-display:block;src:url(fonts/outward_normal_400.woff2) format("woff2")}

:root{
  --bg:#2f1ab2;
  --fg:#e2d8ff;
  --fg-hover:#f0ebff;
  --sp-30:.67rem;
  --sp-40:1rem;
  --fs-medium:clamp(1rem, 1rem + ((1vw - .2rem) * .588), 1.25rem);
  --fs-x-large:clamp(2.5rem, 2.5rem + ((1vw - .2rem) * 1.176), 3rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:Newsreader,Georgia,serif;
  font-size:clamp(1.039rem, 1.039rem + ((1vw - .2rem) * 1.32), 1.6rem);
  font-weight:300;
  line-height:1.2;
}
body>*+*{margin-block-start:var(--sp-30)}
a{color:var(--fg);text-decoration:underline;text-decoration-thickness:.0625em;text-underline-offset:.15em}
a:hover{color:var(--fg-hover);text-decoration:none}
h1,h2{color:var(--fg);font-weight:400;line-height:1.125;margin:0}
p{margin:0}
img{max-width:100%;height:auto;vertical-align:bottom}

/* header */
header{padding:var(--sp-40)}
.site-title{
  font-family:Outward,Impact,"Arial Narrow",sans-serif;
  font-size:min(clamp(9.505rem, 9.505rem + ((1vw - .2rem) * 43.518), 28rem), 39vw);
  font-weight:300;
  letter-spacing:0;
  line-height:.9;
  text-transform:uppercase;
}
.site-title a{font-weight:400;text-decoration:none}

/* main */
main{min-height:65vw}
.columns{display:flex;flex-wrap:nowrap;gap:var(--sp-30);padding:0 var(--sp-40)}
.column{flex:1 1 0;min-width:0;overflow-wrap:break-word}
.nav-column{padding-bottom:var(--sp-40)}
nav ul{list-style:none;margin:0;padding:0 0 0 var(--sp-40);display:flex;flex-wrap:wrap;gap:var(--sp-40)}
nav a{text-decoration:none}
nav a:hover{text-decoration:underline}
.content-column>*+*{margin-block-start:var(--sp-40)}
hr{margin:0;border:0;border-bottom:1px solid currentColor;color:var(--fg)}
.post-title{font-size:var(--fs-x-large);font-weight:300;margin-bottom:0}
.featured-image{margin-inline:0;margin-block-end:0}
.featured-image img{width:100%;object-fit:cover}
.spacer{height:20px}
.entry-content>*+*{margin-block-start:var(--sp-30)}
.events{list-style:none;margin:0;padding:0}
.events>*+*{margin-block-start:var(--sp-40)}
.events .note{font-style:italic}

/* footer */
footer{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--sp-40)}
footer .medium{font-size:var(--fs-medium)}

@media (max-width:781px){
  .columns{flex-wrap:wrap}
  .column{flex-basis:100%}
}