@font-face {
    font-family: 'Georgia';
    src: url('/assets/fonts/Georgia.ttf') format('truetype');
    
}

#committees-title-section {
    position: relative;
    min-height: 50vh;
    overflow: hidden;
}

#committees-bg {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -50px;
    width: 100%;
    height: 120%;
    object-fit: cover;
    z-index: -1;
    transform: translateY(0);
}

#committees-title-text-section {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#committees-title {
    width: 60vw;
    font-size: 85px;
    font-family: var(--main-title-font);
    font-weight: var(--title-font-size);
    text-shadow: 3px 3px 10px black;
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

#theme-text {
    font-size: 35px;
    font-family: var(--main-title-font);
}


.committee-section {
    height: 85vh;
    display: flex;
}

.subsection {
    width: 50%;
    height: 100%;
}

.committee-poster {
    background-image: url('/assets/images/committee-banner-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.subsection {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.committee-desc {
    background-color: #70A1C7;
    justify-content: center;
}

.committee-logo {
    width: 40%;
    height: auto;
    margin-top: 8%;
}

.committee-title {
    font-family: var(--committee-title-font);
    font-size: 8vh;
    font-weight: normal;
}

.committee-topics-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.committee-topic {
    font-family: 'Roboto', sans-serif;
    font-size: 2.5vh;
    margin: 0 5% 5% 5%;
}

.committee-chairs {
    display: flex;
    flex-direction: row;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.committee-chair {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    font-size: 20px;

}

.committee-desc-title {
    font-family: 'Georgia', var(--main-title-font);
    font-weight: normal;
    font-size: 5.25vh;
    margin-right: 4vw;
    margin-left: 4vw;
}

.committee-level {
    font-family: 'Georgia', var(--main-text-font);
    font-weight: normal;
    font-size: 3.5vh;
}

.bg-guides {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 100px;
    align-items: center;
}

/* Each of the bg buttons */
.bg-guide {
    border-color: black;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 15px;

    background-color: var(--main-white);
    min-width: 60px;
    height: auto;

    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-family: var(--main-title-font);
}

.topic-bg-link {
    color: black;
    font-size: 24px;
    font-weight: bold;

    margin-top: 7px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;

}


/*This would be dynamically loaded by JS*/
.chair-apply-button {
    max-width: 80%;
    max-height: 60px;
    border-radius: 20px;
    margin-top: 20px;
}


/* MOBILE SUPPORT */

@media (max-width: 768px) {
  /* Committee section adjustments */
  .committee-section {
    flex-direction: column;
    height: auto;
    min-height: auto; /* Remove fixed min-height */

    border-width: 3px;
    border-color: black;
    border-style: solid;
  }
  
  /* Hide poster section completely - no space reserved */
  .committee-poster {
    display: none !important; /* Ensure it overrides any other styles */
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Make description section take full width */
  .committee-desc {
    width: 100% !important;
    padding: 30px 20px; /* Add some padding for mobile */
    box-sizing: border-box;
  }
  
  /* Adjust font sizes for mobile */
  .committee-desc-title {
    font-size: 2.5rem; /* Use rem for better scalability */
    margin: 15px 0;
  }
  
  .committee-level {
    font-size: 1.8rem;
  }
  
  /* Adjust background guides layout */
  .bg-guides {
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
  }
  
  /* Adjust the title section for mobile */
  #committees-title {
    font-size: 3.5rem;
    width: 90vw;
    margin-top: 20px;
  }
  
  #theme-text {
    font-size: 1.8rem;
    text-align: center;
    padding: 0 20px;
  }
  
  /* Ensure odd/even sections behave the same on mobile */
  .odd, .even {
    flex-direction: column;
  }
  
  /* Adjust chair information layout */
  .committee-chairs {
    margin: 20px 0;
  }
  
  .committee-chair {
    margin: 10px 0;
    font-size: 1.6rem;
  }
  
  /* Adjust background guide buttons */
  .bg-guide {
    width: 100%;
    max-width: 250px;
  }
  
  .topic-bg-link {
    font-size: 1.6rem;
    padding: 10px 0;
  }
}