/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 05 2026 | 19:16:07 */
/* Grey circle positions */
#section-reserve-right {
	top: -250px;
    right: calc(12vw);
}
#section-reserve-left {
	bottom: -130px;
    left: calc(20vw);
}
#section-missed-right {
	top: -250px;
    right: calc(15vw);
}
#section-missed-left {
	bottom: -130px;
    left: calc(20vw);
}

/* Menu button icon colour */
#menu-contact i { color: #E267A9; font-weight: 500; }

/* Learn Reset Refuel */
.h3Anton h3 { font-family: "Anton", Sans-serif; letter-spacing: 4px; font-weight: 500; }
.h3Anton span { font-size: 17px; }


/* FAQ */
.e-n-accordion-item-title-text { padding-bottom: 15px; }

/* WP Form Button */
form#wpforms-form-107651 .wpforms-submit:hover {
    background-color: #fff!important;
	color: #18253C;
}

/* Who is C4Y for? */
.scroll-container {
  height: 400px;
  overflow: hidden;
  padding: 10px;
}
.scroll-text {
  display: inline-block;
  animation: scroll-up 20s linear infinite;
}
@keyframes scroll-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.list-item { 
  color: #fff; 
  margin-bottom: 10px; 
}
.list-item.highlight { 
  color: #E267A8; 
  font-weight: 600; 
}
/* Only show ribbon when popular */
.agendaContainer .is-popular {
    position: absolute;
    top: 0;
    right: 0;
	width: 120px;
	padding: 10px;
    background: #E267A8;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
	border-radius: 0 0 0 15px;
    z-index: 10;
}
.agendaContainer.popular-parent {
  background-color: #f7f7f7!important;
}

.smallText { font-family: default; font-size: 20px; letter-spacing: 0.3rem; color: #606060; }

/* Past Speaker Grid */
.topics-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.speaker-card {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
}
.card-content {
    position: absolute;
    bottom: 20px;
    left: 0;
	padding: 0 10px;
    z-index: 1;
    /*text-shadow: 1px 1px 4px rgba(0,0,0,0.7);*/
	padding-right: 10px;
	background-color: #E2F0F5; 
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
	color: #0D358C;
}
.card-content .speaker-name { font-size: 1.3rem; margin-bottom: 0; }
.card-content .speaker-name span { font-weight: 400; font-size: 1rem; }
.card-content .speaker-title { font-size: 0.9rem; }
.card-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(58, 70, 92, 0.8); /* 80% Opaque */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
	color: #fff;
}
.card-overlay .tkLink { display: flex; align-items: center; position: absolute; bottom:20px; border-top: thin solid #eee; padding-top: 50px; width: 80% }
.card-overlay .tkLink img { width: 30px; height: 30px; }
.card-overlay .topic-title { font-weight: bold; }
.card-overlay .topic-sub-title { font-size: 15px; margin-bottom: 30px; }
.card-overlay a { color: #fff!important; padding-left: 10px; font-size: 0.8em; }
.speaker-card:hover .card-overlay {
    opacity: 1;
}
.speaker-card:hover .card-content {
    opacity: 0;
}
@media (max-width: 767px) {
	.smallText { line-height: 1.4; }	
}