/**
 * Theme Name:  Sonaar Child Theme - Ultimate Creative Music WP Theme
 * Theme URI:   https://sonaar.io/
 * Description: Sonaar is a complete solution for everybody in the music industry.
 *
 * Author:      Sonaar
 * Author URI:  https://sonaar.io
 *
 * Version:     1.0
 * Template:    sonaar
 * Text Domain: sonaar-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */


/* =Theme customization starts here
-------------------------------------------------------------- */

.classic-menu:not(.responsive) {
border-bottom: solid 2px #FFFFFF;
}

.classic-menu.responsive {
border-bottom: solid 2px #FFFFFF;
}

/* mouse over link */
a:hover {
  color: white
}

/* back button config */
.back-btn {
  border: 1px solid #BCA323 !important;
  color: #BCA323 !important;
  background-color:transparent !important;
}

.back-btn:hover {
  border: 1px solid white !important;
  color: black !important;
  background-color: white !important;
}

/* event container config */
.event_container {
min-height:100vh;
}
.event-boxed {
background-color:#01000091; 
border: 8px solid black ; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
max-width: 1144px;
position: relative;
padding: 0 15px;
box-sizing: border-box; 
}

.event-boldtitle {
font-size: 36px;
}

/* brand buttons config */
.fa-brands:hover {
color:white;
background-color:black;
}
.fa-brands {
color:#BCA323;
background-color:#00000000;
}

/* News farben anpassen */
.elementor-post-date {
color:#C2C2C2;
}

.elementor-post-info__item time {
color:#C2C2C2;
}

.elementor-icon-list-icon {
color:#C2C2C2;
}

/* rahmen für coverart*/
.album-art {
  border: 4px solid black;
  line-height: 0; /* verhindert Whitespace unten */
  display: inline-block; /* verhindert, dass es wie ein Blockelement Platz darunter bekommt */
}

.album-art img {
  display: block; /* entfernt Bild-Whitespace */
}

/*  Event seiten hack,  */
@media (min-width: 768px) {
  .sr-it-event-date {
    width: 100px !important;
  }

.sr_it-event-main {
    max-width: calc(100% - 100px) !important;
  }
}

/* link in contact formular */
.wpcf7-list-item-label {
color:rgba(0, 0, 0, 0.6);
}
.wpcf7-list-item-label  a:hover{
color:rgba(0, 0, 0, 0.6);
}

/* youtube einbinden */
.video-section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Fallback-Bild – liegt ganz unten */
.fallback-background {
  background-image: url('https://www.endoras.ch/wp-content/uploads/2025/01/Endoras-Metbar-2023-6-1.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

/* YouTube-Video */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.video-section,
.video-section iframe {
  border: none;
  margin: 0;
  padding: 0;
}

.video-section iframe {
  display: block;
}

.video-background iframe {
  width: 100vw;
  height: 56.25vw; /* 16:9 */
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

/* fade in */
.video-background iframe {
  opacity: 0;
  animation: fadeInVideo 1s ease-in forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInVideo {
  to {
    opacity: 1;
  }
}
*/

/* Responsive korrektur */

@media (max-width: 1159px) {
  .elementor-top-section:first-of-type {
    margin-top: -100px !important;
  }
}

@media (max-width: 1024px) {
  .elementor-top-section:first-of-type {
   margin-top: -100px !important;
  }
}

@media (max-width: 767px) {
  .elementor-top-section:first-of-type {
    margin-top: -100px !important;
  }
}
}
/*single post */
@media (max-width: 1159px) {
  .elementor.elementor-location-single > .elementor-element:first-of-type {
    margin-top: -30px !important;
  }
}

@media (max-width: 1024px) {
  .elementor.elementor-location-single > .elementor-element:first-of-type {
   margin-top: -50px !important;
  }
}

@media (max-width: 767px) {
 .elementor.elementor-location-single > .elementor-element:first-of-type {
    margin-top: -50px !important;
  }
}
}

/* Footer Fix */
@media (max-width: 1159px) {
 .event_container {
    margin-bottom: 120px !important;
  }
}