/*
Theme Name:     Elisium (AV Bootstrap Child Theme)
Theme URI:      
Description:    av-bootstrap-optimized child theme.
Author:         Christoph Haag
Author URI:     
Template:       av-bootstrap-optimized
Version:        0.0.1
*/

@import url("assets/css/fonts.css");

/* COLORS
   -------
   #ff5e48
   #f3eee2
   #e4e4e4 
   #db7875
*/

html {
/*scroll-behavior: smooth;*/
}

body {

  background-color: #ffffff;
  color: #4d4d4d;
  font-size: 23px;
  letter-spacing: 0.02em;
}

/*#page.site { overflow-Y: hidden; }*/

#content.site-content {

  padding-top: 15vh;
  padding-bottom: 50vh;
}

p,body {

  font-family: "Yantramanav-Thin", sans-serif;
  font-weight: 100;
  font-style: normal;
}

ul {

  font-family: "Yantramanav-Light", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 1.5em;
  letter-spacing: 0.08em;
}

h1,h2,h3 {

  font-family: "Yantramanav-Medium", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.container-fluid {

  padding-left: 0px;
}

header#masthead {

  background-color: #ffffff00;
  box-shadow: none;
  margin-left: -2%;
  padding-left: 2%;
  padding-bottom: 1em;
  border-bottom: 1px solid #ff5e4800;
}

header.sticky-top {
  position: fixed;
  width: 100vw;
}
#page.shift { padding-top: 150px; }

#masthead > div.container {

  max-width: none;
  margin-left: 0px;
}

.headroom {
    will-change: transform;
    transition: transform 400ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.anchor-scroll,
.headroom--unpinned {
    transform: translateY(-100%);
}

.entry-header {
  display: none;
}

.navbar {
  text-transform: uppercase;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand img {

  width: 100%;
  max-width: 400px;
  min-width: 200px;
}

.navbar-brand > a,
.navbar-brand > a.visited {

  color: #ff5e48;
  font-size: 4em;
}

.navbar-toggler {
  border: 0;
}

.navbar-collapse {

  padding-bottom: 1em;
}

body:not(.theme-preset-active)
#masthead .navbar-nav > li {

  white-space: nowrap;
  padding-right: 1.5vw;
}

body:not(.theme-preset-active)
#masthead .navbar-nav > li > a {

  color: #4d4d4d;
  font-size: .7em;
  padding: 0;
}

body:not(.theme-preset-active)
#masthead .navbar-nav > li > a:hover {

  color: #ff5e48;
}

.site {

  padding-left: 2%;
}

.site-content {

  padding-left: 0;
}

.col-lg-8 {

  max-width: 2000px;
}

body:not(.theme-preset-active)
footer#colophon {
  color: #4d4d4d;
  background-color: transparent;
  text-align: center;
  margin-top: 20vw;
  text-transform: uppercase;
  font-size: .8em;
}

.team.caption:hover { color: #ff5e48; }

footer#colophon a {

  margin-left: 1em;
}

h2.wp-block-heading::before {

  content: "";
  border-top: 4px solid;
  border-color: #ff5e48;
  left: 15px;
  top: -.4em;
  position: absolute;
  width: 60px;
}

h2.wp-block-heading {

  border-bottom: none;
  color: #ff5e48;
  font-size: 1.5em;
  text-transform: uppercase;
}

h2.title {

  color: #ff5e48;
  line-height: 1em;
  letter-spacing:.15em;
}

h2.title,
.wp-block-heading.title::before {

  margin-top: -1.4em;
}

h2.anchor {

  padding-top: 3em;
  margin-top: -3em;
}

h3 {

  text-transform: uppercase;
}

.wp-block-image img {

  width: 100%;
}

.vierfunftel img {

  width: 80%;
}

.wp-block-image .alignright {

  margin-left: 0;
}

.alignright > * {

  float: right;
}

figure.size-full {

  overflow: hidden;
}

.size-full img {

  transform-origin: 50% 50%;
  transition: transform 1s ease-out;
}

.size-full:hover img {
  transform: scale(1.05);
}

.under img {

  z-index: -1;
  position: relative;
}

.slick-slider figure { width: 100%; }

input,textarea,label {

  width: 100%;
  border: 0;
  background-color: #f3eee291;
  padding-left: .2em;
}

input.senden {

  background-color: #ff5e48;
}

#faser {

  position: absolute;
  top: -400px;
  right: 0px;
  height: 800vw;
}
.shift #faser { top: -600px; }


/* =============================================================
   https://getbootstrap.com/docs/5.0/layout/breakpoints
   ============================================================= */
/* -------------------------------------------------------------
   Large devices (desktops, less than 1200px)
   ------------------------------------------------------------- */
   @media (max-width: 1199.98px) {

      .wp-block-spacer.l {

         display: none;
      }
   }
/* ------------------------------------------------------------- */
   @media (min-width: 575.98px) {

      div.owl-nav {

        width: 104.5%;
        margin-left: -3%;
        background-color: #ff0000;
      }

   }
/* ------------------------------------------------------------- */
   @media (max-width: 360px) {

      h2.title,
      h2.title::before {
        margin-left: 5vw;
      }
   }
/* ------------------------------------------------------------- */
/* ============================================================= */