body {
    background: #ffffff;
}

/* Sunday School Page - Key Verse Sticky Positioning */
.key-verse-sticky {
    bottom: 50px;
    top: 50px;
    padding: 100px 0 150px;
}

/* Sunday School Page Typography - Maximum Specificity to Override Bootstrap */
body .sunday-school-page {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    line-height: 1.6 !important;
    color: #333 !important;
}

/* Force override Bootstrap typography */
body .sunday-school-page * {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Force clean backgrounds - override any test CSS */
body .sunday-school-page,
body .sunday-school-page .container,
body .sunday-school-page .key-verse,
body .sunday-school-page .section-header,
body .sunday-school-page .page-section {
    background-color: transparent !important;
    background: none !important;
}


/* Key Verse Typography */
body .sunday-school-page .key-verse h2 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-bottom: 1.5rem !important;
    letter-spacing: -0.02em !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body .sunday-school-page .key-verse h5 {
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #444 !important;
    margin-bottom: 1rem !important;
    font-style: italic !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body .sunday-school-page .key-verse h5:last-child {
    font-style: normal !important;
    font-weight: 500 !important;
    color: #666 !important;
    text-align: right !important;
    font-size: 1rem !important;
}

/* Section Headers */
body .sunday-school-page .section-header h2 {
    font-size: 1.75rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-bottom: 1.5rem !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Scripture References - Styling moved to sunday-school-typography.css for consistency */

/* Download Button Typography */
.sunday-school-page .sunday-school_download {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0.875rem 1.75rem !important;
    background-color: #398CD7 !important;
    color: white !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    border: none !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.sunday-school-page .sunday-school_download:hover {
    background-color: #2c6aa0 !important;
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(57, 140, 215, 0.3) !important;
}

/* Resources Section Typography */
.sunday-school-page h4 {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-bottom: 1.5rem !important;
    letter-spacing: -0.01em !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Lesson resources styling moved to sunday-school-typography.css for consistency */

/* Content Area Typography */
.sunday-school-page .page-section p {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    color: #444 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 400 !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Dropdown Typography */
.sunday-school-page .dropdown-item {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    padding: 0.75rem 1rem !important;
    color: #333 !important;
    transition: all 0.2s ease !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.sunday-school-page .dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #398CD7 !important;
}

/* Responsive Typography */
@media (max-width: 768px) {
    .sunday-school-page .key-verse h2 {
        font-size: 1.3rem !important;
    }
    
    .sunday-school-page .key-verse h5 {
        font-size: 1rem !important;
    }
    
    .sunday-school-page .section-header h2 {
        font-size: 1.5rem !important;
    }
    
    .sunday-school-page h4 {
        font-size: 1.25rem !important;
    }
    
    .sunday-school-page .page-section p {
        font-size: 1rem !important;
    }
    
    /* Scripture responsive styles moved to sunday-school-typography.css */
}

@media (max-width: 480px) {
    .sunday-school-page .key-verse h2 {
        font-size: 1.2rem !important;
    }
    
    .sunday-school-page .section-header h2 {
        font-size: 1.3rem !important;
    }
    
    .sunday-school-page h4 {
        font-size: 1.15rem !important;
    }
    
    .sunday-school-page .sunday-school_download {
        font-size: 0.85rem !important;
        padding: 0.75rem 1.5rem !important;
    }
}

#home-hero h1{
	margin: 0 0 0.5rem;
}


.scrollbar{
	overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

.main-navigation{
	font-size: 1em;
}

.site-footer__copyright{
	margin: 1rem 0 0;
}

.vc_gitem-zone{
	background-position: 0% 50%;
	background-size: contain;
}

.site-main{
	width: 75vw;
	margin:auto;
}

#home-hero #home-hero-text{
	padding-left: 1.5em;
}

#home-hero #home-hero-image{
	width: 48.5%;
}

@media only screen and (max-width: 600px) {
	.site-main{
		width: 95vw;
		margin:auto;
	}
}

#home-apostolic-faith-magazine {
	margin-top: -90px;
}

#home-hero h1{font-size:3.7em;}

@media only screen and (max-width: 600px) {
	#home-hero h1{
		font-size:3rem;
	}
}

/* Simple Page Title Styling */
.page-title {
    text-align: left;
}

.page-title h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: #2c3e50;
    text-align: left;
    margin: 1.5rem 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* Comprehensive Responsive Page Title Typography */

/* Large Desktop (1200px and above) */
@media (min-width: 1200px) {
    .page-title h2 {
        font-size: 2.75rem;
        margin: 1.75rem 0;
        line-height: 1.15;
    }
}

/* Desktop (992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .page-title h2 {
        font-size: 2.5rem;
        margin: 1.5rem 0;
        line-height: 1.2;
    }
}

/* Tablet (768px to 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .page-title h2 {
        font-size: 2.25rem;
        margin: 1.375rem 0;
        line-height: 1.2;
    }
}

/* Small Tablet (576px to 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .page-title h2 {
        font-size: 2rem;
        margin: 1.25rem 0;
        line-height: 1.25;
    }
    
    /* Optimize container padding for better text utilization while maintaining comfort */
    .page-title .container {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }
}

/* Mobile (480px to 575px) */
@media (min-width: 480px) and (max-width: 575.98px) {
    .page-title h2 {
        font-size: 1.875rem;
        margin: 1.125rem 0;
        line-height: 1.25;
    }
    
    /* Optimize container padding for better text utilization while maintaining comfort */
    .page-title .container {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }
}

/* Small Mobile (below 480px) */
@media (max-width: 479.98px) {
    .page-title h2 {
        font-size: 1.75rem;
        margin: 1rem 0;
        line-height: 1.3;
        letter-spacing: -0.005em;
    }
    
    /* Optimize container padding for better text utilization while maintaining comfort */
    .page-title .container {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }
}

@media only screen and (max-width: 600px) {
	ul, ol{	
		padding-inline-start: 0.4rem;
		margin: 0 0 1.5em 0.4em;
	}
}

@media only screen and (max-width: 600px) {
	.updates-carousel-section #updatesCarousel .carousel-inner .carousel-item .updates-item figure img{
		height: 15rem;
	}	
}


section{
	margin-top: -2em;
}

.page-content, .entry-content, .entry-summary{
	margin: 0 0 0;
}

.page-section{
	margin: 0 0 0.5rem;
}

/* Override any conflicting page-section.padded rules with higher specificity */
body .page-section.padded,
.page-section.padded{
	padding: 0.75rem 1rem 1rem !important;
}

/* Minimal padding on mobile for maximum content area */
@media (max-width: 768px) {
    body .page-section.padded,
    .page-section.padded {
        padding: 0.5rem 0.5rem 0.75rem !important;
    }
}

@media (max-width: 480px) {
    body .page-section.padded,
    .page-section.padded {
        padding: 0.25rem 0.25rem 0.5rem !important;
    }
}

/* ==========================================================================
   OPTIMIZE BOOTSTRAP GRID PADDING FOR MOBILE
   ========================================================================== */

/* Reduce Bootstrap column padding on mobile for better space utilization */
@media (max-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, 
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .col, .col-auto,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-sm, .col-sm-auto,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-md, .col-md-auto {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media (max-width: 480px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, 
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .col, .col-auto,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-sm, .col-sm-auto,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-md, .col-md-auto {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

#about-us-our-ministry .ministry-row .vc_column-inner {
	margin-bottom: 1rem;
}

.site-footer{
	margin: 1rem 0 0;
}

@media only screen and (max-width: 600px){
#home-hero h1 {
    font-size: 11vw;
}
}

.wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button{
	margin-bottom: 2rem;
}

.back-Button{
	background: rgba(57,140,215,0.1);
	border-radius: 50px;
	display: inline-block;
	font-weight: 700;
	padding: 0.5rem 1.25rem;
	color: #398CD7;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
	padding: 1em;
}


@media screen and (max-width: 1024px) {

	#news-events-row {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#news-and-updates-alternating .vc_grid-item-mini {
		display: flex;
		flex-direction: column;
	}

	#news-and-updates-alternating .vc_grid-item-zone-c-left:nth-of-type(2n) .vc_grid-item-mini {
		flex-direction: column;
	}

	#news-and-updates-alternating .vc_grid-item-zone-c-left .vc_gitem-zone-c {
		width: 100%;
	}

	#news-and-updates-alternating .vc_grid-item-zone-c-left .vc_gitem-animated-block {
		width: 100%;
	}

	#news-and-updates-grid .vc_col-sm-4 {
		width: 100%
	}
}

@media (max-width: 991.98px) {
	#home-hero #home-hero-text,
	#home-hero #home-hero-image {
		width: 100%;
	}
}

#archive .vc_gitem-animated-block{
	display:none;
}

#hero-parent {
	width: 100%;
}

/* Force hero section full width on smaller devices */
@media (max-width: 991.98px) {
    #home-hero #home-hero-text,
    #home-hero #home-hero-image {
        width: 100% !important;
    }
}

/* Responsive carousel height by viewport width */
#carouselExampleIndicators {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Smooth fade effect for carousel */
.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.carousel-fade .carousel-item.active {
    opacity: 1;
    position: relative;
    z-index: 1;
}

/* Maintain image ratio and avoid clipping */
#carouselExampleIndicators .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Responsive height rules for carousel container */
@media (max-width: 576px) {
    #carouselExampleIndicators {
        height: 500px; /* good for iPhone SE */
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    #carouselExampleIndicators {
        height: 600px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #carouselExampleIndicators {
        height: 700px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #carouselExampleIndicators {
        height: 800px;
    }
}

@media (min-width: 1200px) {
    #carouselExampleIndicators {
        height: 900px;
    }
}

/* LESSON OF THE WEEK — light blue bar etc. (unchanged) */
#lessonOfTheWeek .accordion-item__header {
  background: #eaf4ff;
  border-radius: 4px;
  margin-bottom: 8px;
}
#lessonOfTheWeek .accordion-item__header .accordion-toggle {
  position: relative;               /* needed for the chevron */
  padding: 12px 40px 12px 16px;     /* space on the right for the chevron */
  font-weight: 700;
  color: #2b6cb0;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ▼ when CLOSED (chevron-down) — thin stroke SVG to match the screenshot */
#lessonOfTheWeek .accordion-item__header .accordion-toggle::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 18px;                      /* tweak size to taste: 16–20px */
  height: 18px;
  transform: translateY(-50%) rotate(0deg); /* down by default */
  background-repeat: no-repeat;
  background-size: 18px 18px;
  opacity: .95;
  transition: transform .2s ease;
  /* Inline SVG chevron-down (stroke = brand blue) */
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%232B6CB0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ▲ when OPEN — rotate the same chevron */
#lessonOfTheWeek .accordion-item__header .accordion-toggle[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg); /* points up when open */
}

/* Body styles (unchanged) */
#lessonOfTheWeek .accordion-item__body {
  background: #f8fbff;
  padding: 20px 24px;
  border-left: 1px solid #e3efff;
  border-right: 1px solid #e3efff;
  border-bottom: 1px solid #e3efff;
  border-radius: 0 0 4px 4px;
}
#lessonOfTheWeek .lesson-title {
  font-weight: 700;
  margin-bottom: .25rem;
}

/* DEBUG: Force Sunday School heading colors */
.sunday-school-page h1,
.sunday-school-page h2,
.sunday-school-page h3,
.sunday-school-page h4,
.sunday-school-page h5,
.sunday-school-page h6 {
    color: #2c3e50 !important;
}