/* =========================================================
   Acacia Worship Center - Customizer CSS
   Phase 1 cleanup / stabilization
   Last revised: May 2026
========================================================= */


/* =========================================================
   Global Brand Buttons
========================================================= */

.btn-donate,
.btn-theme,
.btn-theme-2 {
  background-color: #CC6601 !important;
  border-color: #CC6601 !important;
  color: #ffffff !important;
}

.btn-donate:hover,
.btn-theme:hover,
.btn-theme-2:hover {
  background-color: #A85000 !important;
  border-color: #A85000 !important;
  color: #ffffff !important;
}

.donate-btn {
  text-align: center;
}

/* Legacy PayPal image button, if used anywhere */
input[type="image"] {
  width: 160px;
  text-align: center !important;
}

/* Legacy GiveWP styling, if GiveWP content appears anywhere */
.give_form-content {
  background: #CC6601 !important;
}


/* =========================================================
   Team / Slider Template Cleanup
========================================================= */

.part-01 .gsc-team-item.style-1 {
  position: relative;
  max-width: 400px;
  margin: 0 auto 0;
  padding-left: 0;
  padding-top: 0;
  background: transparent;
}

.part-01 .swiper-slider-wrapper .swiper-nav-prev {
  left: -70px !important;
  margin-top: -13px;
}

.part-01 .swiper-slider-wrapper .swiper-nav-next {
  right: -70px !important;
  margin-top: -11px;
}


/* =========================================================
   Mobile Logo
========================================================= */

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile img {
    max-width: 100%;
    width: 42px;
  }
}


/* =========================================================
   Contact Form 7 Field Widths
   Existing theme-specific responsive fixes
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wpcf7-form input[type*="email"],
  .wpcf7-form input[type*="text"],
  .wpcf7-form input[type*="tel"] {
    width: 740px;
    height: 60px;
  }

  .wpcf7-form textarea {
    width: 740px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .wpcf7-form input[type*="email"],
  .wpcf7-form input[type*="text"],
  .wpcf7-form input[type*="tel"] {
    width: 940px;
    height: 60px;
  }

  .wpcf7-form textarea {
    width: 940px;
  }
}

/* Contact page-specific form sizing */
.page-id-22 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 750px;
}

.page-id-22 .wpcf7-form textarea {
  width: 750px;
}

/* Donations / giving page PayPal form centering if using legacy form */
.page-id-32 form {
  text-align: center;
}


/* =========================================================
   YouTube Sermon Gallery
========================================================= */

.epyt-gallery-title {
  color: #ffffff;
  font-size: 16px;
}

.epyt-pagination {
  font-weight: 600;
  font-size: 22px;
  color: #ffffff;
}


/* =========================================================
   Events Calendar Cleanup
========================================================= */

#tribe-events-pg-template {
  max-width: 100%;
}

.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner {
  padding: 2px 0;
  color: #ffffff;
  border-radius: 50px;
}


/* =========================================================
   Acacia Recent Sermon - Continuous Background
   Classes needed in Elementor:
   sermon-heading-section
   sermon-video-section
========================================================= */

/* Make both visible sections transparent so the pseudo-background can sit behind them */
.elementor-section.sermon-heading-section,
.elementor-section.sermon-heading-section + .elementor-section.sermon-video-section {
  background: transparent !important;
}

/* Top heading section */
.sermon-heading-section {
  position: relative !important;
  margin-bottom: 0 !important;
  padding-top: 80px !important;
  padding-bottom: 25px !important;
  background-color: transparent !important;
  overflow: visible !important;
}

/* One large branded background extending behind the video section */
.sermon-heading-section::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 760px);
  background-image: url('/wp-content/uploads/2026/05/acacia-bg-2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-color: #F8F4EC;
  pointer-events: none;
}

/* Keep content above the pseudo-background */
.sermon-heading-section > .elementor-container,
.sermon-video-section > .elementor-container {
  position: relative !important;
  z-index: 1 !important;
}

/* Video section continues over same background */
.sermon-video-section {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 80px !important;
  background: transparent !important;
}

/* Keep video centered and responsive */
.sermon-video-section .elementor-widget-container {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sermon-video-section iframe {
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   Mobile Sermon Section Cleanup
========================================================= */

@media (max-width: 767px) {
  .sermon-heading-section {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
  }

  .sermon-heading-section::before {
    height: calc(100% + 420px);
    background-position: left top;
  }

  .sermon-video-section {
    padding-bottom: 50px !important;
  }

  .sermon-video-section .elementor-widget-container {
    max-width: 100% !important;
  }
}

.epyt-gallery-title {
    color: #000000;
    font-size: 16px;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

/* Fix single-event organizer, map, and venue cards */
.single-tribe_events .tribe-event-meta-bottom > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.single-tribe_events .tribe-event-meta-bottom .event-single-organizer,
.single-tribe_events .tribe-event-meta-bottom .event-single-map,
.single-tribe_events .tribe-event-meta-bottom .event-single-venue {
	display: flex;
}

.single-tribe_events .tribe-event-meta-bottom .content-inner {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/* Organizer card */
.single-tribe_events .event-single-organizer .content-inner {
	min-height: 350px;
	padding: 0 !important;
	overflow: hidden;
	background: #174b50 !important;
	border-radius: 0 !important;
}

.single-tribe_events
	.event-single-organizer
	.tribe-events-meta-group-organizer {
	width: 100%;
	min-height: 350px;
	margin: 0 !important;
	padding: 42px 46px !important;
	box-sizing: border-box;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}

/* Remove decorative shapes added by the theme */
.single-tribe_events .event-single-organizer .content-inner::before,
.single-tribe_events .event-single-organizer .content-inner::after,
.single-tribe_events
	.event-single-organizer
	.tribe-events-meta-group-organizer::before,
.single-tribe_events
	.event-single-organizer
	.tribe-events-meta-group-organizer::after {
	display: none !important;
	content: none !important;
}

/* Keep organizer text readable */
.single-tribe_events
	.event-single-organizer
	.tribe-events-single-section-title,
.single-tribe_events .event-single-organizer .meta-item {
	color: #fff !important;
}

/* Match the three column heights */
.single-tribe_events .event-single-venue .content-inner {
	min-height: 350px;
	box-sizing: border-box;
}

.single-tribe_events .event-single-map .content-inner,
.single-tribe_events .tribe-events-venue-map,
.single-tribe_events .tribe-events-venue-map iframe {
	width: 100%;
	height: 350px !important;
}

/* Let the cards stack normally on smaller screens */
@media screen and (max-width: 991px) {
	.single-tribe_events .tribe-event-meta-bottom .event-single-organizer,
	.single-tribe_events .tribe-event-meta-bottom .event-single-map,
	.single-tribe_events .tribe-event-meta-bottom .event-single-venue {
		display: block;
		margin-bottom: 24px;
	}

	.single-tribe_events .event-single-organizer .content-inner,
	.single-tribe_events
		.event-single-organizer
		.tribe-events-meta-group-organizer,
	.single-tribe_events .event-single-venue .content-inner {
		min-height: 0;
	}
}