/*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 {}

.trade-template .html-container p {
    font-size: 18px;
    line-height: 1.5;
}

/* Hide Website Footer */ 
footer { 
  display: none; 
} 

.main-view.footer-padding, 
.editor-home-page.footer-padding { 
  padding-bottom: 0px; 
}


/*Theme Styling*/

h2.atom-main {
font-family: 'BarlowFont', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 6vw, 64px);
  background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(34, 75, 145, 1) 25%, rgba(69, 137, 160, 1) 50%, rgba(85, 179, 190, 1) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.glass-element {
  backdrop-filter: blur(10px); /* Adjust blur intensity as needed */  
  background-color: rgba(237, 236, 237, 0.2); /* grey with 20% opacity */
  border: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 20px;
}

h2.gradient-text {
font-family: 'BarlowFont', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 6vw, 64px); /* Responsive between 32px and 64px */
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 75, 145, 1) 25%, rgba(69, 137, 160, 1) 50%, rgba(85, 179, 190, 1) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

h2.white-text {
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 6vw, 64px); /* Responsive between 32px and 64px */
  background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

h4.gradient-text {
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: clamp(18px, 3vw, 26px);
  background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(34, 75, 145, 1) 25%, rgba(69, 137, 160, 1) 50%, rgba(85, 179, 190, 1) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  letter-spacing: .25px;
  line-height: 1.5;
  text-transform: uppercase;
}

h4.white-text {
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: clamp(18px, 3vw, 26px);
  background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  margin-bottom: 10px;
  letter-spacing: .25px;
  line-height: 1.5;
  text-transform: uppercase;

}

.gradient-fill {
  background: -webkit-linear-gradient(45deg,rgba(0, 0, 0, 1) 0%, rgba(34, 75, 145, 1) 25%, rgba(69, 137, 160, 1) 50%, rgba(85, 179, 190, 1) 75%);
}

.gradient-fill2 {
  background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(34, 75, 145, 1) 25%, rgba(69, 137, 160, 1) 50%, rgba(85, 179, 190, 1) 75%);
}

/*Expand Session Description on Agenda Overview*/
.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .preview-session-description { 
  overflow: hidden;
  max-height: max-content;
  margin-bottom: 10px;
  cursor: pointer;
}

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .preview-session-description.faddedAway {
-webkit-mask-image: none;
}


/* FAQ Text */
.faqstatic-section {
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  color: #999999;
  line-height: 1.5;
}

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

h4.faq-gradheader {
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  font-size: clamp(18px, 3vw, 26px);
  background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(34, 75, 145, 1) 25%, rgba(69, 137, 160, 1) 50%, rgba(85, 179, 190, 1) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  letter-spacing: .25px;
  line-height: 1;
  text-transform: uppercase;
  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;
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  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 {
  font-family: 'Barlow', 'Roboto', sans-serif;
  padding: 0px 18px;
  color: #555;
}


/* FAQ Toggle ------- */
/* Main FAQ Section Container */
.faq-section {
  font-family: 'BarlowFont', 'Roboto', sans-serif;
  color: #999999;
  line-height: 1.5;
}


/* Grid container for one-column layout */
.faq-container {
  display: grid;
  grid-template-columns: 1fr; /* Single column layout */
  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);
}
*/


/* Structure Fixes */

ul.sections-holder {
  padding-left: -10px;
  padding-right: -10px;
}

.two-column-container {
    display: flex;
    flex-direction: column; /* Stack columns vertically by default */
}

.detailcolumn {
    width: 100%; /* Full width on mobile */
}


@media (min-width: 600px) {
    .two-column-container {
        flex-direction: row; /* Side-by-side columns */
        justify-content: space-between;
        gap: 70px; /* Adds space between columns */
    }

    .detailcolumn {
        flex: 1;
        width: auto;
    }
}