/*
Theme Name: Kobykon
Theme URI: https://kobykon.de
Author: Marcus Kober
Author URI: https://kobykon.de
Description: Das Theme für kobykon.de.
Version: 1.0.0
Text Domain: kobykon
*/

/***************************************************************************
 * GENERAL STYLES
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

/***************************************************************************
 * Navigation
 */

body:not(.block-editor-iframe__body) .header-navi {
  align-items: center;
  border-radius: 50%;
  height: 40px;
  justify-content: center !important;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
  z-index: 100;
}

body:not(.block-editor-iframe__body) .header-navi .wp-block-navigation__responsive-container-open {
  align-items: center;
  justify-content: center;
}

/***************************************************************************
 * Six containers
 */

.six-containers {
  display: grid;
  grid-template-columns: 1fr;
}

.six-containers > div {
  height: 100vw;
  position: relative;
}

@media screen and (min-width: 1000px) {
  .six-containers {
    grid-template-columns: 1fr 1fr;
  }

  .six-containers > div {
    height: 50vw;
  }
}

@media screen and (min-width: 4900px) {
  .six-containers {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .six-containers > div {
    height: 33.33333vw;
  }
}

/***************************************************************************
 * Block styles
 */

.is-style-fill img {
  left: 0;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.fancytext {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 4.7vw;
}

@media screen and (min-width: 1000px) {
  .fancytext {
    font-size: 2.4vw;
  }
}

.ft-uppercase {
  text-transform: uppercase;
}

.ft-medium {
  font-weight: 500;
}

.ft-bold {
  font-weight: 700;
}

.ft-b1 {
  font-size: 2em;
}

.ft-b2 {
  font-size: 1.6em;
}

.ft-b3 {
  font-size: 1.3em;
}

.ft-b4 {
  font-size: .8em;
}