/*
* Styles for event landing page
* Created: 2024-02-23
* Edited: 2025-08-15
*/
.bold {font-weight:bold;}
.italics {font-style:italic;}

.event-ctr div, .event-ctr section {margin-bottom:2rem;}

/* Event overview ========== */

.event-overview p:first-child {
    font-size:1.5rem;
}

/* Flex ========== */
.flex-ctr {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.flex-2 > div {flex-basis:50%;}
.flex-2 .flex-spanner {flex-basis:100%;}
.flex-3 > div {flex-basis:33%;}
@media (max-width:700px) { /* if mobile */
    .flex-2 > div, .flex-3 > div {flex-basis:100%;}
}

/* Standout boxes in event details ========== */
.so-box div {margin-bottom:0;}
.so-box a {
    display:block;
    margin:1rem;
    padding:1rem;
    text-align:center;
    text-decoration:none;
    border-radius:0.5rem;
    background-color:#0a5796;
    transition: transform 250ms;
    color:#ffffff;
    border:solid 3px #0a5796;
    /*
    -webkit-box-shadow: 5px 5px 30px 0px rgba(153,153,153,1);
    -moz-box-shadow: 5px 5px 30px 0px rgba(153,153,153,1);
    box-shadow: 5px 5px 30px 0px rgba(153,153,153,1);*/
}
.so-box img {
    display:block;
    margin:0.5rem auto;
}
.so-box a h3, .so-box .pname {color:#ffffff;}
.so-box a h3 {margin-top:0;}
.so-box a:hover {
    background-color:#9f2882;
    outline:2px solid #9f2882;
    border:solid 3px #ffffff;
}
.so-box .pname {
    font-size:1.8rem;
    margin:1.2rem 0 1rem 0;
}
.so-box img.event-logo {
    object-fit:contain;
    background:none;
    border-radius:0;
    height:auto;
    width:36%;
}

/* Bio + Pinfo styles ========== */
.bio.flex-ctr, .pinfo.flex-ctr {align-items:center;}
.bio img, .pinfo div img, .so-box img {
    width:120px;
    height:120px;
    background-color:#0a5796;
    border-radius:50%;
    object-fit:cover;
}
.pos, .org,.pname {
    display:block;
    margin-bottom:0.5rem;
    color:#999999;
}
.bio > div {
    flex-basis:65%;
    margin-bottom:0;
}
.bio > div.flex-spanner {
    flex-basis:100%;
    padding:1rem 1.3rem 0.5rem;
}
.pinfo > div {
    text-align:center;
    align-self:flex-start;
    margin-top:0.5rem;
}
.pinfo > div img {display:inline-block;}
.pinfo .pname {
    margin-top:0.8rem;
    color:#0a5796;
    font-size:1.4rem;
    line-height:1.2em;
}
.pname a:hover {text-decoration:none;}

/* Schedule w/ time/day ========== 
.event-schedule {
    background-color:#9f2882;
    color:#ffffff;
    padding:1rem;
}
.event-schedule h2 {
    margin-top:0;
    color:#ffffff;
}
.event-schedule .schedule-item {
    background-color:#ffffff;
    color:#001688;
    margin:1rem;
    padding:1rem;
}
.schedule-item .item-time {
    font-size:0.9rem;
    text-transform:uppercase;
    display:block;
}
.event-schedule, .schedule-item {border-radius:0.5rem;}
*/

/* Schedule w/ date/time/day ======= */
.event-schedule {
  background-color: #9f2882;
  color: #fff !important;
  padding: 1rem;
  border-radius: 0.5rem;
}

.event-schedule h2 { margin-top: 0; }

.schedule-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Make whole item clickable, responsive, and readable */
.schedule-item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "date time"
    "desc desc";
  gap: 0.35rem 1rem;

  background-color: #fff;
  color: #000000;
  border-radius: 0.5rem;
  margin: 0.75rem 0;
  padding: 1rem;
  text-decoration: none !important;


}

/* Map grid areas */
.item-date { grid-area: date; font-weight: 600; }
.item-time { grid-area: time; font-size: 0.9rem; text-transform: uppercase; opacity: 0.9; }
.item-desc { grid-area: desc; }

/* Hover and focus are identical for parity with keyboard use */
.schedule-item:hover,
.schedule-item:focus,
.schedule-item:focus-visible {
  background-color: #00A6A5;
  color: #fff;
  outline: none;
}


/* Featured leaders collapsibles ========== */
/*.event-text .faq-v2 {background-color:#9f2882;}*/
.event-text .faq-v2 {margin-top:0.5rem;}
.event-text .faq-head {margin-bottom:0;}
.event-text .faq-controls a {background-color:#0a5796;}
.event-text .faq-questions::after, .event-text .faq-questions.expanded::after {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
/*.event-text .faq-questions:hover {background-color:#999999;}*/
.event-text .faq-questions {
    padding-left:1rem;
    padding-right:2rem;
}
.event-text .faq-answers p a {font-weight:bold;}
.event-text .faq-questions h3 span, .event-text h2 + h3 span {
    font-size:0.7em;
    font-weight:normal;
}
.event-text .faq-questions.expanded {
    margin-bottom:0;
    background-color:#0a5796;
}
.event-text .faq-questions.expanded h3 {color:#ffffff;}
.event-text .faq-questions.expanded + .faq-answers {margin-bottom:0;}
@media (min-width:700px) { /* if not mobile */
    .event-text .faq-questions.collapsed:hover, .event-text .faq-questions.expanded:hover {padding-left:5rem;}
}