/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*New Year Countdown - Top Container Settings*/
.nye-hero-video-section {
  position: relative;
  overflow: hidden;
}

.nye-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.nye-hero-video-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(8, 17, 31, 0.68);
  z-index: 1;
}

.nye-hero-video-section > *:not(.nye-bg-video) {
  position: relative;
  z-index: 2;
}

.nye-social-share {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 15px auto 25px auto;
}

@media (max-width: 768px) {

  .nye-hero-video-section {
    padding-top: 10px !important;
    padding-bottom: 30px !important;
    min-height: auto;
  }

}


/*New Year Countdown - Settings*/
.nye-hero {
text-align:center;
padding:100px 20px;
}

@media (max-width: 768px) {
	.nye-hero {
text-align:center;
padding:30px 20px;
}
}

.subtitle {
font-size:24px;
margin-bottom:40px;
}

.countdown-wrap {
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-bottom:40px;
}

.count-box {
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.15);
  padding: 25px;
  border-radius: 10px;
  min-width: 140px;
}

.count-box span {
display:block;
font-size:60px;
font-weight:700;
color:#FFD700;
line-height:1;
}

.count-box small {
display:block;
margin-top:10px;
font-size:16px;
text-transform:uppercase;
}

/*New Year Countdown - Social Media Icons*/
.nye-social-share {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 15px auto 25px auto;
  position: relative;
  z-index: 10;
}

.nye-social-share a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  transition: all .2s ease;
}

.nye-social-share a:hover {
  transform: translateY(-2px);
}

.share-facebook {
  background: #1877F2;
}

.share-x {
  background: #000000;
}

.share-pinterest {
  background: #E60023;
}

.share-reddit {
  background: #FF4500;
}

@media (max-width: 768px) {
  .nye-social-share a {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
}


/*New Year Countdown - Intro*/
.nye-intro {
  max-width: 900px;
  margin: 0 auto 0px auto;
  padding: 0 20px;
  text-align: left;
}

.nye-intro p {
  font-size: 18px;
  line-height: 1.7;
	margin-bottom:0;
}

/*New Year Countdown - NYE Traditions Section*/
.nye-traditions-section {
  max-width: 900px;
	padding: 0 20px;
  margin: 0px auto;
}

/*New Year Countdown - Frequently Asked Questions*/
.nye-faq-section {
  max-width: 900px;
	padding: 0 20px;
  margin: 0px auto;
}

.nye-accordion-btn {
  width: 100%;
  background: #FFD700;
  color: #08111F;
  border: none;
  padding: 18px 20px;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nye-accordion-panel {
  display: none;
  background: rgba(255,255,255,0.06);
  padding: 18px 20px;
  border-radius: 0 0 8px 8px;
}

.nye-accordion-panel p {
  margin-bottom: 0;
}

.nye-accordion-btn.active .accordion-icon {
  content: "-";
}