/* =========================
APCA GLOBAL STYLE
========================= */

:root{

/* Main Colors */

--primary-blue:#2E3F8F;
--accent-red:#D62828;
--sky-blue:#1FA2D6;
--green:#2E8B57;

--light-bg:#F5F7FA;
--white:#ffffff;
--dark:#222;


/* Fonts */

--heading-font:'Poppins', sans-serif;
--body-font:'Open Sans', sans-serif;

}

/* Reset */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:var(--body-font);
background:var(--white);
color:var(--dark);

}

/* Container spacing */

.section{
padding:80px 0;
}

/* Headings */

h1,h2,h3,h4{

font-family:var(--heading-font);
font-weight:600;

}



/* Buttons */

.btn-primary-custom{

background:var(--accent-red);
border:none;
padding:12px 28px;
color:white;
border-radius:6px;
transition:0.3s;

}

.btn-primary-custom:hover{

background:#b81f1f;

}

/* TOP BAR */

.top-bar{

background:#2E3F8F;
color:white;
font-size:14px;
padding:8px 0;

}

.top-social a{

color:white;
margin-left:12px;
font-size:14px;

}


/* MAIN HEADER */

.main-header{

background:white;
border-bottom:1px solid #eee;

}

.navbar-brand img{

height:65px;

}

.navbar-nav .nav-link{

font-weight:500;
color:#222;
margin:0 10px;

}

.navbar-nav .nav-link:hover{

color:#D62828;

}

/* HERO SECTION */

.hero-section{

position:relative;
background:url('../images/hero-bg.jpg') center/cover no-repeat;
min-height:80vh;

display:flex;
align-items:center;
justify-content:center;

color:white;

}

/* Overlay */

.hero-overlay{

position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.6);

}

/* Content */

.hero-content{

position:relative;
z-index:2;
max-width:800px;

}

.hero-content h1{

font-size:40px;
margin-bottom:20px;

}

.hero-content p{

font-size:18px;
margin-bottom:30px;

}

/* Mobile optimization */

@media (max-width:768px){

.hero-content h1{

font-size:28px;

}

.hero-content p{

font-size:16px;

}

}


/* MISSION SECTION */

.mission-section{

background:var(--light-bg);

}

.section-title{

font-size:34px;
margin-bottom:20px;
color:var(--primary-blue);

}

.mission-image{

border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);

}

/* BENEFITS SECTION */

.benefits-section{

background:white;

}

.benefit-card{

background:white;
padding:30px 25px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
transition:0.3s;

}

.benefit-card i{

font-size:40px;
color:var(--accent-red);
margin-bottom:15px;

}

.benefit-card h4{

margin-bottom:10px;
font-size:20px;

}

.benefit-card p{

font-size:15px;

}

.benefit-card:hover{

transform:translateY(-6px);
box-shadow:0 10px 30px rgba(0,0,0,0.15);

}

/* EVENTS & CULINARY FESTIVALS SECTION */

.events-section{

background:var(--light-bg);

}

.event-card{

background:white;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
overflow:hidden;
transition:0.3s;

}

.event-card:hover{

transform:translateY(-6px);
box-shadow:0 10px 30px rgba(0,0,0,0.15);

}

.event-card h5{

margin-top:10px;
color:var(--primary-blue);
font-size:18px;
}

.event-card p{

font-size:14px;
color:#555;

}

.event-image{

width:100%;
height:220px;
object-fit:cover;

}

/* EDUCATION & WORKSHOPS SECTION */

.education-section{

background:white;

}

.education-section h5{

color:var(--primary-blue);
font-size:20px;
margin-bottom:15px;

}

.education-section p{

font-size:15px;
color:#555;

}

.education-image{

width:100%;
height:250px;
object-fit:cover;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);

}

/* GALLERY SECTION */

.gallery-section{

background:var(--light-bg);
}

.gallery-image{

height:400px;
object-fit:cover;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

@media (max-width:768px){

.gallery-image{
height:250px;
}

}


/* FOOTER */

.site-footer{

background:var(--primary-blue);
color:#fff;
padding:60px 0 0;

}

.footer-logo{

max-width:120px;

}

.site-footer h5{

color:#fff;
margin-bottom:20px;
font-size:18px;

}

.site-footer p{

font-size:14px;
color:#ddd;
line-height:1.6;

}

.footer-menu{

list-style:none;
padding:0;

}

.footer-menu li{

margin-bottom:10px;

}

.footer-menu a{

color:#ddd;
text-decoration:none;
font-size:14px;

}

.footer-menu a:hover{

color:#fff;

}

/* bottom bar */

.footer-bottom{

border-top:1px solid rgba(255,255,255,0.2);
padding:15px 0;
margin-top:30px;

}

.footer-bottom p{

margin:0;
font-size:14px;

}

.site-header{
position:relative;
z-index:1000;
}

.site-footer{
position:relative;
z-index:1;
}

/* FOOTER LOGO */

.footer-logo{

width:120px;
height:auto;

}