/* =========================================
   TICKETS & SPONSORSHIPS
   Together We Thrive Benefit Styling
   ========================================= */

/* Main section */
#sectionCTA {
    background-color: transparent !important;
}







/* Benefit blue background */
#sectionCTA .container-white {
    background: linear-gradient(
        135deg,
        #191998 0%,
        #313AB8 100%
    ) !important;

    border: none !important;
    box-shadow: none !important;
}







/* Remove GiveSmart decorative borders */
#sectionCTA .container-white::before,
#sectionCTA .container-white::after {
    border: none !important;
    background: transparent !important;
}








/* =========================================
   BUY NOW + TICKET SELECTION TEXT
   ========================================= */

/* Keep BUY NOW and GiveSmart's dark ticket text white */
#sectionCTA .text-dark {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}







/* Ticket names */
#sectionCTA .ticket-info-type {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}







/* Ticket prices */
#sectionCTA .ticket-price {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}







/* Main headings */
#sectionCTA h1,
#sectionCTA h2,
#sectionCTA h3,
#sectionCTA h4 {
    color: #FFFFFF !important;
}








/* =========================================
   QUANTITY FIELDS
   ========================================= */

/* White fields with visible dark text */
#sectionCTA input,
#sectionCTA select,
#sectionCTA textarea {
    background-color: #FFFFFF !important;
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
    border: 1px solid #7C8795 !important;
    opacity: 1 !important;
}







/* Dropdown options */
#sectionCTA option {
    background-color: #FFFFFF !important;
    color: #00000B !important;
}








/* =========================================
   ORDER SUMMARY
   ========================================= */

/* Dark text on white Order Summary */
#sectionCTA [class*="ordersummary"],
#sectionCTA [class*="ordersummary"] *,
#sectionCTA [class*="ordersummary"] .text-dark {
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
}







/* Order Summary form fields */
#sectionCTA [class*="ordersummary"] input,
#sectionCTA [class*="ordersummary"] select,
#sectionCTA [class*="ordersummary"] textarea {
    background-color: #FFFFFF !important;
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
}








/* =========================================
   CTA BUTTON
   ========================================= */

/* Event Tickets & Sponsorships button */
#sectionCTA a.btn,
#sectionCTA button.btn,
#sectionCTA .btn {
    background-color: #00A3EA !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}







/* Keep button text white */
#sectionCTA a.btn *,
#sectionCTA button.btn *,
#sectionCTA .btn * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}







/* Button hover */
#sectionCTA a.btn:hover,
#sectionCTA button.btn:hover,
#sectionCTA .btn:hover {
    background-color: #0087DC !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}







#sectionCTA a.btn:hover *,
#sectionCTA button.btn:hover *,
#sectionCTA .btn:hover * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}







/* =========================================
   ORDER SUMMARY
   Fix text contrast on white panel
   ========================================= */

/* Make all Order Summary text dark and readable */
#sectionCTA .order-tickets-summary,
#sectionCTA .order-tickets-summary *,
#sectionCTA [class*="ordersummary"],
#sectionCTA [class*="ordersummary"] * {
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
}






/* Keep GiveSmart's blue labels blue where applicable */
#sectionCTA .order-tickets-summary .text-blue,
#sectionCTA .order-tickets-summary .text-primary,
#sectionCTA [class*="ordersummary"] .text-blue,
#sectionCTA [class*="ordersummary"] .text-primary {
    color: #00A3EA !important;
    -webkit-text-fill-color: #00A3EA !important;
}






/* Keep any fields inside the summary white with dark text */
#sectionCTA .order-tickets-summary input,
#sectionCTA .order-tickets-summary select,
#sectionCTA .order-tickets-summary textarea,
#sectionCTA [class*="ordersummary"] input,
#sectionCTA [class*="ordersummary"] select,
#sectionCTA [class*="ordersummary"] textarea {
    background-color: #FFFFFF !important;
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
}





/* =========================================
   ORDER SUMMARY FINAL CONTRAST FIXES
   ========================================= */

/* "Order Summary" heading */
#sectionCTA h4.text-color2-dk {
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
}





/* "I will pay the fees" label */
#sectionCTA #payFeeLabel,
#sectionCTA #payFeeLabel p,
#sectionCTA #payFeeLabel .text-dark,
#sectionCTA #payFeeLabel * {
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
}




/* =========================================
   PURCHASER & ATTENDEE FORM
   Fix text contrast on Benefit blue
   ========================================= */

/* Default text within purchaser form to white */
#sectionCTA #purchaserInfoTicket {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}




/* Form headings, instructions, and field labels */
#sectionCTA #purchaserInfoTicket h1,
#sectionCTA #purchaserInfoTicket h2,
#sectionCTA #purchaserInfoTicket h3,
#sectionCTA #purchaserInfoTicket h4,
#sectionCTA #purchaserInfoTicket p,
#sectionCTA #purchaserInfoTicket label,
#sectionCTA #purchaserInfoTicket .text-dark,
#sectionCTA #purchaserInfoTicket .text-color2,
#sectionCTA #purchaserInfoTicket .text-color2-dk {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}




/* Make anything nested inside labels white too */
#sectionCTA #purchaserInfoTicket label *,
#sectionCTA #purchaserInfoTicket h3 * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}




/* Keep text entered into white fields dark */
#sectionCTA #purchaserInfoTicket input,
#sectionCTA #purchaserInfoTicket select,
#sectionCTA #purchaserInfoTicket textarea {
    background-color: #FFFFFF !important;
    color: #00000B !important;
    -webkit-text-fill-color: #00000B !important;
    opacity: 1 !important;
}




/* Dropdown choices */
#sectionCTA #purchaserInfoTicket option {
    background-color: #FFFFFF !important;
    color: #00000B !important;
}




/* Placeholder text */
#sectionCTA #purchaserInfoTicket input::placeholder,
#sectionCTA #purchaserInfoTicket textarea::placeholder {
    color: #7C8795 !important;
    -webkit-text-fill-color: #7C8795 !important;
    opacity: 1 !important;
}


/* =========================================
   SHOW MORE / SHOW LESS
   Fix visibility + remove white fade
   ========================================= */

/* Make Show More / Show Less clearly visible */
#sectionCTA .show-more,
#sectionCTA .show-more a,
#sectionCTA .show-more .link-color,
#sectionCTA .show-more-text {
    color: #00A3EA !important;
    -webkit-text-fill-color: #00A3EA !important;
    font-weight: 700 !important;
}



/* Keep the arrow/icon visible too */
#sectionCTA .show-more span,
#sectionCTA .show-more i,
#sectionCTA .show-more svg {
    color: #00A3EA !important;
    fill: #00A3EA !important;
}



/* Optional hover treatment */
#sectionCTA .show-more a:hover,
#sectionCTA .show-more .link-color:hover,
#sectionCTA .show-more a:hover .show-more-text {
    color: #8BBFF3 !important;
    -webkit-text-fill-color: #8BBFF3 !important;
}



/* Remove GiveSmart's white fade above collapsed descriptions */
#sectionCTA .content-text.text-crop::before,
#sectionCTA .content-text.text-crop::after,
#sectionCTA .text-crop::before,
#sectionCTA .text-crop::after {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}


#sectionCTA .fade-bottom {
    display: none !important;
    background: none !important;
    background-image: none !important;
}

#sectionCTA #purchaserInfoTicket .required,
#sectionCTA #purchaserInfoTicket [class*="required"] {
    color: #8BBFF3 !important;
    -webkit-text-fill-color: #8BBFF3 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}