/*
	Theme Name: Karl Hofer 2024 Theme
	Author: Mathias Bär
	Author URI: http://mathiasbaer.com
	Version: 0.1 alpha
*/


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

html {
  font-size: 16px;

}

body {
  -webkit-text-stroke: 1px transparent;
  /* disable legibility because of walsheim kerning */
  text-rendering: optimizeLegibility;
  /*text-rendering: geometricPrecision;*/
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;

  font-family: 'Montserrat Medium Fragmented', 'Montserrat', 'Helvetica', 'Arial';

  font-weight:500;
  line-height: 22px;
  font-style:normal;
  color: #111;
  min-height: 100vh;
  background: #fff;
}

em {
  /* font-family: 'Montserrat';
  font-weight: italic; */
}

li {
  display: block;
}

#wrapper {
  width: 100%;
  padding: 0px 50px 0 50px;
  position: relative;
  max-width: 1440px;
}

.menu-nav-bottom-container,
.separator,
.intro-block,
.video-block,
.preview-block, .image-block, .text-block, .bg-char {
  padding: 12px;
  padding: 18px;
  /* border-bottom: 1px solid; */
  border: 1px solid transparent;
  margin: -1px 0 0 -1px;
  /* border-radius: 25px; */
}

#wrapper .content-wrapper > *:not(.breaker) {
  float: left;
  display: inline-block;
}


#wrapper .content-wrapper {

}

.post-content-wrapper > * {
  margin-top: 1.36em;
}

.post-content-wrapper > *:first-child {
  margin-top: 0;
}

.breaker {
  display: block !important;
  padding: 0 !important;
  width: 100%;
  float: left;
  /* border-bottom: 1px solid; */
  margin-top: -1px;
}

nav,
.text-block, .image-block {
  /* font-family: 'Arimo'; */
}

.intro-block {
  min-height: 182px;
  border: 1px solid !important;
}

.intro-block .large-font {
  line-height: 28px;
}

/* .image-block, */
.preview-block,
.text-block {
  border: 1px solid;
  min-height: 86px;
}

.separator {
  width: 100%;
  border-top: 1px solid #111 !important;
  border-left: 1px solid !important;
  /* background: #111;
  color: white; */
  padding-bottom: 48px !important;
}

.separator:not(.separator-first) {
  margin-top: 120px;
}

* + .separator {
  /* margin-top: 139px; */
}

.image-block {
  position: relative;
  /* width: 500px; */
  max-width: 100%;
}

.image-block img {
  max-width: 100%;
}

body.browser-ie .image-block img {
  width: 100%;
}

nav, .text-block, .preview-block-content {
  /* letter-spacing: 0.01em; */
}

.preview-block-content {
}

strong, b {
  font-family: 'Montserrat Bold Fragmented';
  font-weight: normal;
}

.post-title,
.separator,
h4 {
  /* font-weight: bold; */
  font-family: 'Montserrat Bold Fragmented';
  /* text-transform: uppercase; */
  font-size: 20px;
  line-height: 25px;
}

#wrapper .preview-block {
  padding-bottom: 40px;
  /* padding-right: 100px; */
}

a.preview-block:hover {
  background: #111;
  color: white;
  border-color: #111 !important;
}

.ss02 {
  font-feature-settings: 'ss02';
}

.bg-char {
  font-family: 'Montserrat Bold Fragmented';

  /* font-weight: 700; */
  font-size: 65px;
  /* font-size: 15em; */
  line-height: 1em;
  text-transform: uppercase;
  /* margin-bottom: 0.08em; */
  padding-bottom: 10px !important;
  padding-top: 16px !important;
}

/* TODO: random padding top => 132px or bottom => 124px for chars only */

.ot {
  padding-top: 132px !important;
}

.ob {
  padding-bottom: 124px !important;
}

.bg-char-wrapper {
  margin-top: -7px;
  margin-left: -5px;
}

.bg-char-wrapper:not(.bg-char-long) {
  width: 0.85em;
  text-align: center;
}

.bg-char-long {
  letter-spacing: 0.05em;
}

.event-title {
  margin-bottom: 22px;
  hyphens: none;
}

.event-venue {
  margin-bottom: 22px;
}
.event-info {
  font-size: 20px;
  line-height: 25px;
}

.image-caption {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 11px;
}

/* .bg-char.space {
  width: 0.5em;
  height: 0.8em;
}

.breaker + .space {
  display: none !important;
} */


.sub-section-wrapper {
  /* border-left: 1px solid;
  padding: 0 20px !important; */
}

.sub-section-title {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-bottom: 1.2rem;
  font-family: 'Montserrat Bold Fragmented';
}

.bg-char,
.event-title,
h4,
nav li.active a,
nav .current-menu-item a,
nav ul .nav-top-link a:hover,
.sub-section-title {
  /* color: red; */
}



.post-edit-link {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999999;
  height: 50px;
  width: 100px;
  background: red;
  font-size: 1rem;
  line-height: 50px;
  text-align: center;
}


/* body.fake-index h1, body.fake-index h2, body.fake-index h3, body.fake-index h4, body.fake-index p {
  padding: 10px 0;
} */

#footer {
  margin-top: 50px;
  padding: 25px 50px;
}

.bottom-nav-link {
  opacity: 0.35;
}

body.fake-index h1, body.fake-index h2, body.fake-index h3, body.fake-index h4 {
  font-size: 1.25em;
  line-height: 1.25em;
  font-family: 'Montserrat Bold Fragmented';
}