/*
Template Name: Social Ngo
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

.carousel-caption{
background-color: rgba(0,0,0,.4);
padding:180px 140px 0px 140px;
bottom:0;
left:0;
width:100%;
height:100%;
text-align:center;
 }
.center_home img{
min-height:700px;
 }
.center_home h1{
color:#fff;
text-align:center;
 }
/* Donation button in hero - index page only */
.button-donate {
  padding: 14px 28px !important;
  font-size: 1rem !important;
  border: 2px solid #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
 }
.button-donate:hover {
  background: #fff !important;
  color: #E3111A !important;
  border-color: #fff !important;
 }
/*********************center_end****************/

/*********************goal****************/
.goal_2l2{
padding-top:25%; 
 }
/*********************goal_end****************/

/*********************contri****************/
.contri_1 p{
width:70%; 
 }
.contri_m{
padding-top:100px;
padding-bottom:100px; 
 }
#contri {
background-image: url(../img/2.jpg);
background-position: center;
}
/*********************contri_end****************/

/*********************work_home****************/
.work_home_1 h2{
background:#6e1c31;
width:30%;
margin-left:auto;
margin-right:auto;
padding: 10px 10px 10px 10px;
}
.work_home_2_ii h1 span{
background:#6e1c31;
border-radius:50%;
width:120px;
height:120px;
line-height:118px;
margin-left:auto;
margin-right:auto;
border:3px solid #053360;
display:block;
}
.work_home_2_ii h1{
border:1px dashed #e1dfdf;
padding:10px 0px;
border-radius:50%;
width:140px;
height:140px;
margin:auto;
}
.work_home_2{
margin-top:30px; 
}

.work_home_2_iio h1 span{
background:#053360;
border-radius:50%;
width:120px;
height:120px;
line-height:118px;
margin-left:auto;
margin-right:auto;
border:3px solid #6e1c31;
display:block;
color:#fff;
}
.work_home_2_iio h1 {
border:1px dashed #053360;
padding:10px 0px;
border-radius:50%;
width:140px;
height:140px;
margin:auto;
}
.work_home_2_iio{
margin-top:80px;
}

/*********************work_home_end****************/


@media screen and (max-width : 767px){
.carousel-caption{
padding:30px 15px 0px 15px;
text-align:center;
 }
.center_home img{
min-height:350px;
 }
.center_home .font_70{
font-size:22px!important;
 }
.center_home p{
width:100%!important;
text-align:center;
font-size:14px!important;
 }
.spec_1i{
margin-top:8px;
margin-bottom:8px;
text-align:center; 
 }
.goal_2l2 {
padding-top: 18%;
}
.goal_2r{
margin-top:15px;
text-align:center; 
 }
.goal_2r p{
text-align:left;
 }
.contri_1 p{
width:100%;
text-align:left; 
 }
.about_h1l {
text-align:left!important;  
 }
.about_h1l h3{
text-align:center;  
 }
.about_h1m{
margin-top:15px;
margin-bottom:15px; 
 }
.work_home_2_iio {
margin-top: 15px;
}
.blog_h1i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_h1i2 {
padding:10px!important; 
 }
.blog_h1i2 p{
text-align:left;
 }

 }


@media (min-width:576px) and (max-width:767px) {
.carousel-caption{
padding:60px 15px 0px 15px;
text-align:center;
 }
.center_home .font_70{
font-size:40px!important;
 }
.goal_2l2 {
padding-top: 25%;
}

 }
 
@media (min-width:768px) and (max-width:991px) {
.center_home .font_70{
font-size:40px!important;
 }
.center_home p{
width:70%!important;
text-align:center;
 }
.spec_1i h1{
font-size:40px!important; 
 }
.spec_1i h6{
font-size:13px; 
 }
.goal_2l1 img{
min-height:270px; 
 }
.about_h1l  h3{
font-size:20px; 
 }
.about_h1l  p{
font-size:13px; 
 }
.work_home_2_i   h4{
font-size:14px; 
 }
.work_home_2_i   p{
font-size:13px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.center_home .font_70{
font-size:50px!important;
 }
.center_home p{
width:60%!important;
text-align:center;
 }
.about_h1l  h3{
font-size:20px; 
 }
.work_home_2_i   h4{
font-size:18px; 
 }
 }
@media (min-width:1201px) and (max-width:1310px) {

 }



/* Additional */

.logo {
    height: 120px;     /* Adjust size as needed */
    width: auto;      /* Keeps correct proportions */
    margin-right: 8px; /* Small space before text */
    display: inline-block;
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.brand-text {
    line-height: 1.1;
}

.brand-title {
    font-size: 28px;
    font-weight: 700;
}

.brand-subtitle {
    font-size: 18px;
    font-weight: 600;
}

/* Navbar styling */
#header .navbar {
  background: linear-gradient(180deg, #faf8f5 0%, #f5f2ed 100%) !important;
  box-shadow: 0 2px 12px rgba(5,51,96,0.08);
  border-bottom: 3px solid;
  border-image: linear-gradient(90deg, #053360, #E3111A) 1;
}
#header .navbar .nav-link {
  color: #333 !important;
  font-weight: 600;
  transition: all 0.25s ease;
}
#header .navbar .nav-link:hover,
#header .navbar .nav-link:focus,
#header .navbar .nav-link.active {
  color: #fff !important;
}
#header .navbar .dropdown-menu {
  box-shadow: 0 8px 24px rgba(5,51,96,0.12);
  border: 1px solid rgba(5,51,96,0.08);
}

/* Reduce carousel height */
.center_home img {
  height: 720px;      /* Change height as you prefer */
  min-height: unset;  /* Remove forced tall height */
  object-fit: cover;  /* Keep nice rectangle crop */
  width: 100%;
}

/* Center text vertically inside smaller carousel */
.carousel-caption {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  padding: 0 10%;  /* Smaller padding */
  height: auto;
}

.about-text {
  font-size: 20px; /* Increase font size */
  line-height: 1.8; /* Better readability */
  margin-bottom: 30px; /* Space between paragraphs */
}

.about-section {
  background-image: url('img/sardarpatel.jpg'); /* Update path if needed */
  background-size: cover; /* Make image fill the section */
  background-position: center; 
  background-repeat: no-repeat;
  padding: 80px 0; /* Top/Bottom spacing */
}

.about-text {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 25px; /* More gap between paragraphs */
  color: #fff; /* Ensures text visible over background */
}

.about-section h1 {
  color: #fff; /* Title visible on dark bg */
  margin-bottom: 30px;
  font-weight: 700;
}

.about-text {
  background: rgba(0,0,0,0.6);
  padding: 20px;
  border-radius: 8px;
  color: #fff;
}

/* Our Gaams */

#gaam-portfolio {
  background: #f8f4f2;
}

.section-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #6b0f1a;
}

.intro-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
}

.portfolio-nav {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0 auto;
}

.portfolio-nav::-webkit-scrollbar {
  display: none;
}

.portfolio-filter-btn {
  background: #f3e7e9;
  border: 2px solid transparent;
  padding: 8px 20px;
  border-radius: 40px;
  font-weight: 600;
  color: #6b0f1a;
  transition: all 0.25s ease;
}

.portfolio-filter-btn:hover {
  border-color: #6b0f1a;
  background: #fff;
  transform: translateY(-2px);
}

.portfolio-filter-btn.active {
  background: #6b0f1a;
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 576px) {
  .portfolio-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
  }
}

/* Gaams Filter Buttons */
.portfolio-nav {
  list-style: none;
  padding: 0;
  margin: 25px auto 0 auto;
  display: inline-flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
}

.portfolio-nav::-webkit-scrollbar {
  display: none;
}

.portfolio-nav li {
  display: inline-block;
}

.portfolio-filter-btn,
.portfolio-filter-btn:link,
.portfolio-filter-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;

  background: #f3e7e9;
  border: 2px solid transparent;
  padding: 8px 22px;
  border-radius: 40px;
  font-weight: 600;
  color: #6b0f1a;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.portfolio-filter-btn:hover {
  border-color: #6b0f1a;
  background: #fff;
  transform: translateY(-2px);
}

.portfolio-filter-btn.active,
.portfolio-filter-btn[aria-pressed="true"] {
  background: #6b0f1a;
  color: #fff;
  transform: translateY(-2px);
}

/* Fix for top clipping */
.portfolio-filter-btn,
.portfolio-filter-btn.active,
.portfolio-filter-btn[aria-pressed="true"] {
  transform: none !important;
}

/* Optional: keep hover feeling alive */
.portfolio-filter-btn:hover {
  transform: scale(1.05);
}

/* ------------------------------
   GAAM PAGE STYLING
--------------------------------*/
.gaam-hero {
  background: linear-gradient(135deg, #6b0f1a, #b94a59);
  color: #fff;
  padding: 80px 0;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

.gaam-title {
  font-size: 3rem;
  font-weight: 800;
}

.gaam-subtext {
  font-size: 1.15rem;
  max-width: 700px;
  margin: 10px auto 0;
  opacity: 0.9;
}

.section-heading {
  font-size: 1.9rem;
  font-weight: 700;
  color: #6b0f1a;
  margin-bottom: 18px;
}

.section-text {
  color: #444;
  font-size: 1.05rem;
}

.highlight-card {
  background: #f8f4f2;
  border-radius: 18px;
  padding: 24px;
  text-align: center;
  border: 1px solid #e8d9d7;
  transition: 0.3s ease;
}

.highlight-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Executive Committee photo placeholders */
.ec-photo-placeholder {
  width: 100%;
  aspect-ratio: 1;
  min-height: 100px;
  overflow: hidden;
  border-radius: 50%;
  background: #e8d9d7;
  margin-left: auto;
  margin-right: auto;
  max-width: 120px;
  display: block;
}
.ec-photo-placeholder .ec-photo,
.ec-photo-placeholder img.ec-photo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25% !important;
  -webkit-object-position: center 25% !important;
  display: block !important;
}

.gaam-gallery {
  background: #fff;
}

/* Gallery placeholders - replace with <img> when you add photos */
.gaam-gallery-placeholder {
  aspect-ratio: 4/3;
  background: #f8f4f2;
  border: 2px dashed #e8d9d7;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #999;
  transition: border-color 0.2s, background 0.2s;
}

.gaam-gallery-placeholder:hover {
  border-color: #6b0f1a;
  background: #f3e7e9;
  color: #6b0f1a;
}

.gaam-gallery-placeholder i {
  font-size: 2.5rem;
  margin-bottom: 8px;
  opacity: 0.7;
}

.gaam-gallery-placeholder span {
  font-size: 0.9rem;
}

/* When you replace with real images */
.gaam-gallery-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
}

/* Mobile Friendly */
@media (max-width: 768px) {
  .gaam-title {
    font-size: 2.2rem;
  }
  .section-heading {
    font-size: 1.5rem;
  }
}

/*Our History*/

#blog_h .btn-primary {
  background-color: #6e1c31; /* Deep Maroon */
  border-color: #6e1c31;
  padding: 10px 28px;
  border-radius: 30px;
  font-weight: 600;
  transition: 0.3s ease;
}

#blog_h .btn-primary:hover {
  background-color: #521526;
  border-color: #521526;
}

#team_h {
    margin-bottom: 50px; /* Adjust to what looks best */
}

/* Event cards - clickable */
a .hover-shadow {
  color: inherit;
}
a:hover .hover-shadow {
  color: inherit;
}
.hover-shadow {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.hover-shadow:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  transform: translateY(-3px);
}

/* Upcoming Event cards */
.event-card {
  line-height: 1.6;
}
.event-card .event-intro {
  font-size: 0.95rem;
  opacity: 0.95;
}
.event-card .event-location {
  font-size: 0.9rem;
  line-height: 1.5;
  opacity: 0.9;
}
.event-card h3 {
  letter-spacing: 0.02em;
}

/* Footer Quick Links - two columns (forced) */
.quick-links-grid {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.75rem !important;
}
.quick-links-col {
  flex: 1 !important;
}