:root {
  /* --mainDarkColor: #2bc0d6; */
  --mainDarkColor: #EDCDBB;
  --white: #1C0A00;
  /* --animate-delay: 4.5s; */
}

/* 

.content {

  --animate-duration: 0.5s;
  --animate-delay: 3s;

} 

*/

p {
  font-size: 18px;
  /* Adjust the font size as needed */
  line-height: 1.6;
  /* Adjust the line height as needed */
}

#content {
  display: inline-block;

  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1.5s;
  animation-delay: 1.2s;


  /* don't forget to set a duration! */
}


#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1C0A00;
  /* Change the background color if needed */
  z-index: 9999;
}

#loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #EDCDBB;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.logo {
  font-family: 'Inspiration', cursive;
  font-size: 98px;
}

nav {
  background: var(--mainDarkColor);
}

nav ul a {
  color: var(--white);
}

.nav-wrapper i {
  color: var(--white)
}

#about {
  background: rgb(237, 205, 187);
  background: linear-gradient(170deg, rgba(237, 205, 187, 1) 0%, rgba(111, 87, 70, 1) 100%);
}

.trackbar {
  background-color: transparent !important;
  border-radius: 10px;
  margin-bottom: 5px;
  height: 40px !important;
}

#musicPlayer {

  background: transparent;
}

#footer {
  background: var(--white);
  color: var(--mainDarkColor);
}

#videos {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 245, 239, 1) 49%, rgba(237, 205, 187, 1) 85%);
}

#videos ul li {
  background-color: transparent;
}

#videos .card-panel {
  background-color: #EDCDBB !important;
}

.splitHeader {
  color: var(--mainDarkColor) !important;
}

.big-button {
  background-color: var(--white);
}

.slider .btn {
  margin-top: 20px;
}

.section-search input {
  padding: 5px !important;
  font-size: 18px !important;
  width: 90% !important;
  border: 0c#f4f4f4 3px solid !important;
}

.autocomplete-content {
  position: absolute;
  width: 100%;
  text-align: center;
}

.section-follow .fa-4x {
  margin: 5px 10px;
}

.section-contact h5 {
  margin-bottom: 30px;
}

.trackbar {
  background: white;
  height: 50px;
  border-bottom: 1px dotted black;
}

.trackbar:nth-child(even) {
  background: white;
}

.playbutton {
  opacity: 0.8;
  display: block;
  float: left;
  width: 19px;
  height: 22px;
  margin: 14px 0px 0px 14px;
  border: none;
  cursor: pointer;
  outline: none;
}

.playbutton:hover {
  opacity: 1;
}

.trackname {
  float: left;
  color: black;
  margin: 12px 0px 0px 14px;
  font-size: 20px;
  font-weight: bold;
}


.event-list-section {
  width: 100%;
  /* background-color: #000000; */
  color: white;

}

.event-list-section ul li {
  text-align: left;
  background-color: rgba(2, 2, 2, 0.7) !important;
  height: 20px !important;

}

.event-list {
  bottom: 0;
  position: absolute;
  left: 10%;
  width: 100%;
}

.event-list ul li {
  text-align: left;
  background-color: rgba(2, 2, 2, 0.7) !important;
  height: 20px !important;

}


@media (max-width: 600px) {

  .event-list {
    left: 0;
    width: 100%;
  }
}