/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra used for Burkhard Canella custom templates and frontend assets.
Author: BCA
Author URI: https://burkhard-canella.ch/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Custom child theme styles can go below this line. */

/* =========================================================
   Homepage Carousel
   ========================================================= */

/* adjust this value if your header is taller/shorter */
:root {
  --home-header-height: 116px;
}

@media (max-width: 1024px) {
  :root {
    --home-header-height: 100px;
  }
}

@media (max-width: 767px) {
  :root {
    --home-header-height: 90px;
  }
}
/* Prevent homepage scrollbars */
html,
body.home,
body.front-page {
  overflow-x: hidden;
}

body.home,
body.front-page {
  overflow-y: hidden;
}

/* Remove Astra spacing on homepage */
body.home .site-content,
body.front-page .site-content {
  padding: 0 !important;
  margin: 0 !important;
}

body.home .ast-container,
body.front-page .ast-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

body.home #primary,
body.front-page #primary {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home article,
body.front-page article,
body.home .entry-content,
body.front-page .entry-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Pull carousel up by exact Elementor header height */
#custom-carousel {
  position: relative;
  width: 100vw;
  height: 100vh;
  margin-top: calc(var(--home-header-height) * -1);
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: #000;
}

/* Carousel track */
.carousel-track {
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
}

/* Keep 100vw because your JS moves slides by 100vw */
.carousel-slide {
  flex: 0 0 100vw;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.carousel-slide.current {
  opacity: 1;
}

body.no-fade .carousel-slide {
  transition: none !important;
}


/* =========================================================
   Aktuell Archive Masonry
   ========================================================= */

/*.aktuell-masonry {*/
/*  column-count: 3;*/
/*  column-gap: 20px;*/
/*  max-width: 1490px;*/
/*  margin: 30px auto;*/
/*  font-family: 'Geist', sans-serif;*/
/*}*/

/*@media (max-width: 1550px) {*/
/*  .aktuell-masonry {*/
/*    padding: 0 30px;*/
/*  }*/
/*}*/

/*@media (max-width: 1024px) {*/
/*  .aktuell-masonry {*/
/*    column-count: 2;*/
/*  }*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .aktuell-masonry {*/
/*    column-count: 1;*/
/*    padding: 0 15px;*/
/*  }*/
/*}*/

/*.aktuell-card {*/
/*  break-inside: avoid;*/
/*  margin-bottom: 20px;*/
/*  background: #fff;*/
/*  box-sizing: border-box;*/
/*  cursor: pointer;*/
/*}*/

/*.aktuell-card img {*/
/*  width: 100%;*/
/*  display: block;*/
/*  height: auto;*/
/*  margin-bottom: 5px;*/
/*}*/

/*.aktuell-card small {*/
/*  display: block;*/
/*  font-size: 12px;*/
/*  color: #666;*/
/*}*/

/*.aktuell-card h3 {*/
/*  font-size: 18px;*/
/*  color: #000;*/
/*  font-weight: 400;*/
/*}*/

/*.aktuell-card p {*/
/*  font-size: 14px;*/
/*  margin: 0;*/
/*  color: #1E201E;*/
/*  line-height: 1.5;*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .aktuell-card h3 {*/
/*    font-size: 16px;*/
/*  }*/

/*  .aktuell-card p {*/
/*    font-size: 12px;*/
/*  }*/
/*}*/


/* =========================================================
   Aktuell Modal
   ========================================================= */

/*.hidden {*/
/*  display: none;*/
/*}*/

/*.aktuell-modal {*/
/*  position: fixed;*/
/*  top: var(--header-height, 80px);*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  z-index: 9999;*/
/*  background: #fff;*/
/*}*/

/*.aktuell-modal.visible {*/
/*  display: flex;*/
/*}*/

/*.modal-content {*/
/*  display: flex;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  max-width: 1490px;*/
/*  margin: 0 auto;*/
/*}*/

/*@media (max-width: 1550px) {*/
/*  .modal-content {*/
/*    padding: 0 30px;*/
/*  }*/
/*}*/

/*@media (max-width: 1024px) {*/
/*  .modal-content {*/
/*    flex-direction: column;*/
/*    margin-top: 48px;*/
/*    padding: 0 15px;*/
/*  }*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .modal-content {*/
/*    margin-top: 20px;*/
/*  }*/
/*}*/

/*.modal-left,*/
/*.modal-right {*/
/*  flex: 1;*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*}*/

/*.modal-left {*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  text-align: center;*/
/*  height: 100%;*/
/*}*/

/*.modal-right {*/
/*  overflow-y: auto;*/
/*  padding: 30px 0 30px 30px;*/
/*  height: 100%;*/
/*  box-sizing: border-box;*/
/*}*/

/*@media (max-width: 1024px) {*/
/*  .modal-right {*/
/*    justify-content: start;*/
/*    padding: 40px 30px;*/
/*  }*/

/*  .modal-left {*/
/*    padding: 0 !important;*/
/*  }*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .modal-right {*/
/*    padding: 20px 0 40px 0;*/
/*  }*/
/*}*/

/*.modal-left button,*/
/*.modal-right button {*/
/*  box-shadow: none;*/
/*  background: none;*/
/*  z-index: 10;*/
/*}*/

/*.modal-title {*/
/*  font-family: Geist, sans-serif;*/
/*  font-size: 32px;*/
/*  margin-bottom: 20px;*/
/*  font-weight: 400;*/
/*  color: #000;*/
/*}*/

/*.modal-description {*/
/*  font-family: Geist, sans-serif;*/
/*  font-weight: 300;*/
/*  font-size: 16px;*/
/*  color: #000000D4;*/
/*  line-height: 1.4;*/
/*}*/

/*.modal-close {*/
/*  margin-top: 45px;*/
/*  font-size: 14px;*/
/*  background: none;*/
/*  border: none;*/
/*  color: #333;*/
/*  font-weight: 500;*/
/*  cursor: pointer;*/
/*  text-align: left;*/
/*  padding: 0;*/
/*  display: inline-block;*/
/*}*/

/*.modal-close:hover {*/
/*  color: #666;*/
/*  text-decoration: none;*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .modal-title {*/
/*    font-size: 26px;*/
/*  }*/

/*  .modal-description {*/
/*    font-size: 14px;*/
/*  }*/

/*  .modal-right small {*/
/*    font-size: 13px;*/
/*  }*/
/*}*/


/* =========================================================
   Aktuell Modal Images / Swiper
   ========================================================= */

/*.modal-image-container,*/
/*.swiper,*/
/*.swiper-wrapper {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

/*.modal-image-container {*/
/*  height: 100%;*/
/*}*/

/*.modal-image-container img {*/
/*  max-width: 100%;*/
/*  max-height: 80vh;*/
/*  object-fit: contain;*/
/*  margin: 0 auto;*/
/*  display: block;*/
/*  height: 100%;*/
/*}*/

/*.swiper {*/
/*  padding-bottom: 30px;*/
/*  --swiper-navigation-size: 30px;*/
/*  --swiper-theme-color: #000;*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .swiper {*/
/*    padding-bottom: 40px;*/
/*  }*/
/*}*/

/*.swiper-slide {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/

/*.swiper-slide img {*/
/*  max-width: 100%;*/
/*  max-height: 80vh;*/
/*  object-fit: contain;*/
/*  height: 100%;*/
/*}*/

/*.swiper-button-prev,*/
/*.swiper-button-next {*/
/*  width: 30px !important;*/
/*  height: 30px !important;*/
/*  background: #FFFFFFB3 !important;*/
/*  color: #000;*/
/*  padding: 4px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  border-radius: 50px;*/
/*}*/

/*.swiper-button-next::after,*/
/*.swiper-button-prev::after {*/
/*  font-size: 15px !important;*/
/*}*/

/*.swiper-button-prev::after {*/
/*  padding-right: 2px;*/
/*}*/

/*.swiper-button-next::after {*/
/*  padding-left: 2px;*/
/*}*/

/*.swiper-pagination-bullet,*/
/*.swiper-pagination-bullet-active {*/
/*  background-color: #000 !important;*/
/*}*/

/*.swiper-pagination-bullet {*/
/*  opacity: .25 !important;*/
/*}*/

/*.swiper-pagination-bullet-active {*/
/*  opacity: 1 !important;*/
/*}*/