/* HOMEPAGE STYLES
************************************************************/
.home .navbar-wrapper {
	position: absolute;
	width: 100%;
	background-color: transparent;
	z-index: 100;
}

section	{
	border-bottom: 1px solid var(--color-row-border);
}

section.bannerImage	{
	min-height: 70vh;
	display: flex; 				/* 5-lines to avoid internal scrollbars */
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}


.sectionTitle	{
	text-align: center;
}

section.heroStatement .container	{
	max-width: 52rem;
}

section.heroStatement	{	
	text-align: center;
}

section.heroStatement h2	{	
	margin-top: 1em;
	font-size: 2em;
	font-style: italic;
	font-family: var(--font-quote);
}

li.current_page_item	{
	display: none;
}

/*-----------------------------------------*/

.siteTitle {
	text-shadow: 0 0 30px #000, 0 0 60px #000;
}

ul.nav li a {
	/*text-shadow: 0 0 20px #000, 0 0 40px #000;*/
}
/* Hero Carousel Styles */
	.home .navbar-wrapper {
	    position: absolute;
	    width: 100%;
	    background-color: transparent;
	    z-index: 9999;
	}
	
	.home .navbar-wrapper a,
	.home .navbar-wrapper a:hover {
		color: #FFFFFF;
	}
	
	.navbar-wrapper .navbar-nav a:hover {
		border-bottom: 2px solid #fff;
	}
	
	.home .icon-bar {
	    background-color: #FFFFFF;
	    }
	
	.hero-carousel {
	    position: relative;
	    height: 100svh;
	    overflow: hidden;
	}
	
	.hero-carousel-slides {
	    position: relative;
	    width: 100%;
	    height: 100%;
	}
	
	.hero-slide {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    transition: opacity 1.5s ease-in-out;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	
	.hero-slide.active {
	    opacity: 1;
	}
	
	.hero-overlay {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, <?php echo esc_attr($hero_overlay_opacity); ?>);
	    z-index: 2;
	}
	
	.hero-content {
	    position: absolute;
	    top: 50%;
	    left: 50%; 
	    left: 5%;  
	    transform: translate(-5%, -50%);
	    text-align: center;
	    text-align: left;
	    z-index: 3;
	    max-width: 800px;
	    padding: 0 20px;
	    color: <?php echo $hero_text_color === 'white' ? '#ffffff' : ($hero_text_color === 'black' ? '#000000' : '#ffffff'); ?>;
	}
	
	.hero-title {
	    font-size: clamp(2.5rem, 6vw, 4.5rem);
	    font-weight: 700;
	    margin-bottom: 1rem;
	    line-height: 1.1;
	    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	    color: white;
	}
	
	.hero-subtitle {
	    font-size: clamp(1.25rem, 3vw, 2rem);
	    font-weight: 400;
	    margin-bottom: 1.5rem;
	    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	    color: white;
	}
	
	.hero-description {
	    font-size: clamp(1rem, 2vw, 1.25rem);
	    line-height: 1.6;
	    margin-bottom: 2rem;
	    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	
	.hero-button {
	    display: inline-block;
	    padding: 12px 30px;
	    background: rgba(255, 255, 255, 0.9);
	    color: #333;
	    text-decoration: none;
	    border-radius: 5px;
	    font-weight: 600;
	    font-size: 1.1rem;
	    transition: all 0.3s ease;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	}
	
	.hero-button:hover {
	    background: rgba(255, 255, 255, 1);
	    transform: translateY(-2px);
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	    color: #333;
	    text-decoration: none;
	}
	
	/* Carousel Navigation */
	.hero-nav {
	    position: absolute;
	    bottom: 30px;
	    left: 50%;
	    transform: translateX(-50%);
	    z-index: 4;
	    display: flex;
	    gap: 10px;
	}
	
	.hero-nav-dot {
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    background: rgba(255, 255, 255, 0.5);
	    cursor: pointer;
	    transition: all 0.3s ease;
	}
	
	.hero-nav-dot.active,
	.hero-nav-dot:hover {
	    background: rgba(255, 255, 255, 1);
	    transform: scale(1.2);
	}
	
	/* Arrow Navigation */
	.hero-arrow {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    background: rgba(255, 255, 255, 0.2);
	    color: white;
	    border: none;
	    width: 50px;
	    height: 50px;
	    border-radius: 50%;
	    cursor: pointer;
	    font-size: 20px;
	    transition: all 0.3s ease;
	    z-index: 4;
	    display:none;
	}
	
	.hero-arrow:hover {
	    background: rgba(255, 255, 255, 0.4);
	}
	
	.hero-arrow.prev {
	    left: 30px;
	}
	
	.hero-arrow.next {
	    right: 30px;
	}
	
	.sectionInner {
		padding: 5rem 0 3rem;
	}
	
	/* Responsive adjustments */
	@media (max-width: 768px) {
	    .hero-content {
	        padding: 0 15px;
	    }
	    
	    .hero-arrow {
	        width: 40px;
	        height: 40px;
	        font-size: 16px;
	    }
	    
	    .hero-arrow.prev {
	        left: 15px;
	    }
	    
	    .hero-arrow.next {
	        right: 15px;
	    }
	    
	    .hero-nav {
	        bottom: 20px;
	    }
	}
	
	.about .one-col	{
		width: min(100%, 40em);
		font-size: 1.3rem;
		line-height: 1.5em;
	}