*{
font-family: "Century Gothic", Arial, sans-serif;
}

body{

margin:0;
background:#f4f6f8;
color:#333;
font-size:17px;

}

.main-header{

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

/* increase height */
padding:24px 60px;

background:#2f4a67;
color:white;

}

/* LEFT SIDE (logos) */
.header-left{
display:flex;
align-items:center;
gap:24px; /* more breathing space */
}

.header-left img{
height:65px; /* ⬅️ increase this */
}

/* RIGHT TEXT */
.header-right{
font-size:16px; /* slightly bigger */
letter-spacing:0.5px;
opacity:0.9;
}
section{

padding:50px;
max-width:1000px;
margin:auto;

}

h2{

border-bottom:2px solid #ddd;
padding-bottom:10px;

}

.pastwork ul{

line-height:1.8;

}

.council{

max-width:1000px;
margin:auto;
text-align:center;

}

.council-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
margin-top:40px;

}

.member{

text-align:center;

}

.member-photo{

width:160px;
height:160px;
object-fit:cover;
border-radius:50%;
margin-bottom:10px;

}

.member-name{

font-size:18px;
margin:0;

}

.member-role{

font-size:14px;
color:#666;
margin-top:4px;

}

.chapters{

max-width:1000px;
margin:auto;
text-align:center;

}

.chapter-band{

display:flex;
justify-content:center;
align-items:center;
gap:60px;
flex-wrap:wrap;
margin-top:40px;

}

.chapter-logo-item{

display:flex;
flex-direction:column;
align-items:center;
text-decoration:none;
color:#333;

}

.chapter-logo-item img{

height:140px;
width:auto;
transition:0.25s;

}

.chapter-logo-item span{

margin-top:8px;
font-size:20px;

}

.chapter-logo-item:hover img{

transform:scale(1.08);

}
footer{

text-align:center;
padding:20px;
background:#1f3c5b;
color:white;

}

.member-image-container{

position:relative;
display:inline-block;

}

.member-popup{

position:absolute;
bottom:110%;
left:50%;
transform:translateX(-50%);

background:white;
padding:10px 14px;
border-radius:6px;

box-shadow:0 4px 12px rgba(0,0,0,0.2);

font-size:14px;
width:max-content;

opacity:0;
visibility:hidden;

transition:0.25s;

}

.member-image-container:hover .member-popup{

opacity:1;
visibility:visible;

}




.chapter-page{

max-width:1100px;
margin:auto;
padding:50px 20px;

}

.chapter-layout{

display:flex;
gap:30px;

}

.chapter-sidebar{

width:260px;
display:flex;
flex-direction:column;
gap:15px;

}

.chapter-logo-box{

background:#f2f2f2;
border-radius:12px;
padding:20px;
text-align:center;

}

.chapter-logo-box img{

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

}

.chapter-tab{

background:#f2f2f2;
border:none;
border-radius:10px;
padding:14px;
font-size:16px;
cursor:pointer;
text-align:left;

}

.chapter-tab:hover{

background:#e6e6e6;

}

.chapter-tab.active{

background:#274463;
color:white;

}

.chapter-content{

flex:1;
background:#f2f2f2;
border-radius:14px;
padding:30px;
min-height:320px;

}

.chapter-section{

display:none;

}

.chapter-section.active{

display:block;

}

.social-section{

max-width:1100px;
margin:auto;
padding-top:60px;
text-align:center;

}

.social-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:30px;

}

.instagram-box{

border-radius:12px;
overflow:hidden;
height:380px;

}

.instagram-box iframe{

width:100%;
height:600px;
border:none;

}

.youtube-box iframe{

width:100%;
height:380px;
border-radius:12px;
border:none;

}

.council-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
margin-top:30px;
}

/* card container */

.council-card{
position:relative;
height:360px;
border-radius:14px;
overflow:hidden;
background:#f5f5f5;
}

/* photo */

.council-card img{
width:100%;
height:260px;
object-fit:cover;
display:block;
}

/* name + role */

.card-info{
text-align:center;
padding:12px;
}

.card-info h3{
margin:5px 0;
font-size:20px;
}

.card-info p{
color:#666;
font-size:14px;
}

/* overlay bio */

.card-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:#2f4d6c;
color:white;

opacity:0;
transition:opacity 0.35s ease;
border-radius:14px;
}

.card-overlay-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
max-width:240px;
font-size:12px;
text-align: center;
}

.council-card:hover .card-overlay{
opacity:1;
}

.activity-gallery{

display:grid;
grid-template-columns:repeat(4,1fr);
grid-template-rows:repeat(2,220px);

gap:18px;
margin-top:30px;

}

.activity-gallery img{

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

border-radius:14px;

transition:opacity 0.6s ease;

}

.pdf-download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 400px;
    margin: 10px 0;
}

.pdf-name {
    font-weight: 500;
}

.download-btn {
    padding: 6px 12px;
    border: none;
    background-color: #1f4aa8;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.download-btn:hover {
    background-color: #163a82;
}

.activity-item {
    margin-bottom: 40px;
}

.activity-text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
}

.activity-item img {
    width: 65%;
    max-width: 500px;
    display: block;
    margin: 15px auto;
    border-radius: 8px;
}

.join-section{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.join-item{
    background:#f6f6f6;
    padding:25px;
    border-radius:8px;
}

.join-item h3{
    margin-bottom:8px;
}

.pdf-button{
    display:inline-block;
    margin-top:10px;
    padding:10px 18px;
    background:#2d4a68;
    color:white;
    text-decoration:none;
    border-radius:6px;
    font-size:14px;
}

.pdf-button:hover{
    background:#1f3650;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.gallery-grid img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 6px;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.gallery-grid img:hover {
  transform: scale(1.05);
}


.faculty-advisor {
  background: linear-gradient(135deg, #d4af37, #f5e6a8);
  color: #222; /* keeps text readable */
}