
/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

.header-element .rsvp-button { display: none; }


/* FAQ Text */
.faqstatic-section {
  color: #999999;
  line-height: 1.5;
}

.faqstatic-section h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  color: #999999;
}

h4.faq-gradheader {
  font-size: clamp(18px, 3vw, 26px);
background: #1C3251;
background: linear-gradient(90deg, rgba(50, 112, 138, 1) 0%, rgba(50, 112, 138, 1) 45%, rgba(218, 119, 89, 1) 91%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  letter-spacing: .25px;
  line-height: 1;
  text-transform: none;
  margin-bottom: 0px;
}

/* Grid container for one-column layout */
.faqstatic-container {
  display: grid;
  grid-template-columns: 1fr; /* Single column layout */
  max-width: 1000px;
  margin: auto;
  padding: 30px;
}

/* Individual FAQ Item Styling */
.faqstatic-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Question Button Styling */
.faqstatic-question {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 18px 10px;
  background-color: #ffffff;
  border: none;
  text-align: left;
  color: #636363;
  cursor: help;
  transition: background-color 0.3s ease;
}

.faqstatic-question:hover {
  background-color: #edeced;
  padding-bottom: 5px;
}

/* Answer Panel Styling */

.faqstatic-answer p {
  padding: 0px 18px;
  color: #555;
}


/* FAQ Toggle ------- */
/* Main FAQ Section Container */
.faq-section {
  color: #999999;
  line-height: 1.5;
}


/* Grid container for one-column layout */
.faq-container {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 600px;
  margin: auto;
  padding: 30px;
}

/* Individual FAQ Item Styling */
.faq-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Question Button Styling */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 30px;
  background-color: #ffffff;
  border: none;
  text-align: left;
  font-size: clamp(12px, 3vw, 18px);
  color: #636363;
  cursor: help;
  transition: background-color 0.3s ease;
}

.faq-question:hover {
  background-color: #edeced;
}

.faq-question .icon {
  font-size: 22px;
  font-weight: bold;
  color: #2474c0;
  transition: transform 0.3s ease-in-out;
}

/* Active State (When Answer is Revealed) */
  .faq-question.active {
  background-color: rgba(36, 116, 192, 0.3);
}

.faq-question.active .icon {
  transform: rotate(90deg); 
}

/* Answer Panel Styling */
 .faq-answer {
  max-height: 0;
  overflow: hidden;
  background-color: #ffffff;
  transition: max-height 0.4s cubic-bezier(0.25, 0.1, 0.25, 1.0);
}

.faq-answer p {
  padding: 20px 18px;
  margin-top: 10px;
  color: #555;
  line-height: 1.5;
  font-size: clamp(12px, 3vw, 16px);
}
*/

