/* ==========================================================
   KIRKWOOD COMMUNITY COLLEGE
   COLLABORATIVE LEARNING DAY 2026
   Sched Custom Branding
   ========================================================== */

/* Libre Franklin — used on Kirkwood's public website */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&display=swap');


/* ==========================================================
   1. GLOBAL TYPOGRAPHY
   ========================================================== */

body {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
}


/* ==========================================================
   2. TOP HEADER BAR
   ========================================================== */

#schedorg-header {
    background: #003A63 !important;
    background-color: #003A63 !important;
}

#schedorg-header-inner {
    background: transparent !important;
}

#schedorg-header-official {
    color: #FFFFFF !important;
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em;
}


/* ==========================================================
   3. EVENT NAVIGATION
   About | Schedule | Search
   ========================================================== */

.event-nav__item a {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-weight: 600 !important;
    color: #003A63 !important;
    border-radius: 4px !important;
}

/* Hover/focus state */

.event-nav__item a:hover,
.event-nav__item a:focus {
    color: #005399 !important;
    background-color: #EDF6FA !important;
}

/* Current/active page */

.event-nav__item a.sched-menu-link-active {
    color: #FFFFFF !important;
    background-color: #005399 !important;
}


/* ==========================================================
   4. LINKS
   ========================================================== */

a {
    color: #005399;
}

a:hover,
a:focus {
    color: #003A63;
}


/* ==========================================================
   5. ACCESSIBILITY
   Visible keyboard focus
   ========================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 3px solid #00AEEF !important;
    outline-offset: 2px;
}
/* ==========================================================
   6. MAIN EVENT TITLE
   ========================================================== */

#sched-logo h1 a,
#sched-logo h1 a span {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-weight: 800 !important;
    color: #003A63 !important;
    text-decoration: none !important;
}

#sched-logo h1 a span {
    letter-spacing: -0.02em;
}
/* ==========================================================
   7. SCHEDULE TABS
   Event Schedule | My Schedule
   ========================================================== */

.schedule-nav__item a {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-weight: 600 !important;
    color: #003A63 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D6DEE4 !important;
}

/* Hover/focus */

.schedule-nav__item a:hover,
.schedule-nav__item a:focus {
    color: #005399 !important;
    background-color: #EDF6FA !important;
}

/* Current tab */

.schedule-nav__item a.sched-menu-link-active {
    color: #003A63 !important;
    background-color: #E6F5FC !important;
    border-color: #00AEEF !important;
}
/* ==========================================================
   8. SCHEDULE VIEW / FILTER CONTROLS
   View | Show all sessions
   ========================================================== */

.session__view .button {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-weight: 600 !important;
    color: #003A63 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D6DEE4 !important;
    border-radius: 4px !important;
}

/* Hover/focus */

.session__view .button:hover,
.session__view .button:focus {
    color: #005399 !important;
    background-color: #EDF6FA !important;
    border-color: #00AEEF !important;
}
/* ==========================================================
   9. PAGE SPACING
   Reduce excess space below event banner
   ========================================================== */

#sched-body {
    margin: 60px auto 15px;
}
/* ==========================================================
   9. SPACE BELOW EVENT BANNER
   ========================================================== */

#sched-header-message {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* ==========================================================
   9. SPACE BELOW EVENT BANNER
   Collapse unused Sched header-message placeholders
   ========================================================== */

#sched-header-message {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* ==========================================================
   SPACE BELOW EVENT BANNER
   Collapse unused Sched header-message area
   ========================================================== */

#sched-header-message {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Only collapse the message container when it has no message */
.sched-header-text-container:has(> div:empty) {
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}
/* ==========================================================
   10. CONTENT / FOOTER SPACING
   Add breathing room after About-page content
   ========================================================== */

#custom_content {
    margin-bottom: 30px !important;
}
/* ==========================================================
   CALL FOR PROPOSALS PAGE
   ========================================================== */

#sched-page-custom2 #custom_content {
    max-width: 1000px;
    font-family: 'Libre Franklin', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #2B2B2B;
}

/* Section headings created by Sched */
#sched-page-custom2 #custom_content > strong {
    display: block;
    color: #005399;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 8px;
}

/* Body paragraphs */
#sched-page-custom2 #custom_content p {
    margin-bottom: 18px;
}

/* Lists */
#sched-page-custom2 #custom_content ul {
    margin: 12px 0 26px;
    padding-left: 26px;
}

#sched-page-custom2 #custom_content li {
    margin-bottom: 9px;
}

/* Bold phrases inside lists stay body-sized */
#sched-page-custom2 #custom_content li strong {
    color: #003A63;
    font-size: inherit;
    font-weight: 700;
}
/* ==========================================================
   CALL FOR PROPOSALS PAGE
   ========================================================== */

/* Main content area - use Sched's native page width/alignment */
#sched-page-custom2 #custom_content {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #2B2B2B !important;
    margin-bottom: 30px !important;
}

/* General paragraph spacing */
#sched-page-custom2 #custom_content p {
    margin: 0 0 18px !important;
}

/* Main page title */
#sched-page-custom2 #custom_content p:first-child > strong:first-child {
    display: block !important;
    color: #005399 !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Main section headings generated as standalone strong elements */
#sched-page-custom2 #custom_content > strong {
    display: block !important;
    color: #005399 !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 42px 0 14px !important;
    padding-left: 10px !important;
    border-left: 4px solid #00AEEF !important;
}

/* Lists */
#sched-page-custom2 #custom_content ul {
    margin: 12px 0 26px !important;
    padding-left: 24px !important;
}

#sched-page-custom2 #custom_content li {
    margin-bottom: 10px !important;
    padding-left: 2px !important;
}

/* Bullet markers */
#sched-page-custom2 #custom_content li::marker {
    color: #005399 !important;
}

/* Bold labels inside lists */
#sched-page-custom2 #custom_content li strong {
    color: #005399 !important;
    font-size: inherit !important;
    font-weight: 700 !important;
}

/* Regular links */
#sched-page-custom2 #custom_content a {
    color: #005399 !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

#sched-page-custom2 #custom_content a:hover {
    color: #00AEEF !important;
    text-decoration: underline !important;
}

/* Keep bold links/callouts in body copy at normal body size */
#sched-page-custom2 #custom_content p strong a,
#sched-page-custom2 #custom_content p a strong {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Prevent ordinary bold text within paragraphs from becoming oversized */
#sched-page-custom2 #custom_content p > strong:not(:first-child) {
    color: #005399 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* ==========================================================
   CALL FOR PROPOSALS - FINAL DETAILS
   ========================================================== */

/* Match "Where Does Your Proposal Fit?" to other section headings */
/* "Where Does Your Proposal Fit?" heading */
#sched-page-custom2 #custom_content > p:nth-of-type(3) > strong:first-child {
    display: block !important;
    color: #005399 !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 0 0 14px !important;
    padding-left: 10px !important;
    border-left: 4px solid #00AEEF !important;
}
/* Submit Proposal button */
#sched-page-custom2 #custom_content a[href*="cfp.sched.com"] {
    display: inline-block !important;
    background-color: #005399 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    padding: 12px 22px !important;
    margin: 4px 0 10px !important;
    border-radius: 4px !important;
    border: 2px solid #005399 !important;
}
/* Remove Sched's extra line break after section headings */
#sched-page-custom2 #custom_content > strong + br {
    display: none !important;
}
/* ==========================================================
   CFP BUTTONS ONLY
   ========================================================== */

/* Theme/About button */
#sched-page-custom2 #custom_content a[href$="/about"] {
    display: inline-block !important;
    background-color: #005399 !important;
    color: #FFFFFF !important;
    border: 2px solid #005399 !important;
    border-radius: 4px !important;
    padding: 12px 22px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

#sched-page-custom2 #custom_content a[href$="/about"]:hover {
    background-color: #003A63 !important;
    border-color: #003A63 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Spacing around Theme/About button */
#sched-page-custom2 #custom_content p:has(> a[href$="/about"]) {
    margin: 14px 0 18px !important;
}

/* Submit button */
#sched-page-custom2 #custom_content a[href*="cfp.sched.com"] {
    display: inline-block !important;
    background-color: #005399 !important;
    color: #FFFFFF !important;
    border: 2px solid #005399 !important;
    border-radius: 4px !important;
    padding: 12px 22px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Primary CFP submission button */
#sched-page-custom2 #custom_content a[href*="cfp.sched.com"] {
    min-width: 420px !important;
    text-align: center !important;
    font-size: 18px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Tighten spacing under "Ready to submit?" */
#sched-page-custom2 #custom_content > strong + p {
    margin-top: 0 !important;
}

/* Tighten spacing under "Ready to submit?" */
#sched-page-custom2 #custom_content > strong + p {
    margin-top: 0 !important;
}
/* Match width of CFP action buttons */
#sched-page-custom2 #custom_content a[href*="cfp.sched.com"] {
    min-width: 420px !important;
    text-align: center !important;
}
/* Increase primary submit button text */
#sched-page-custom2 #custom_content a[href*="cfp.sched.com"],
#sched-page-custom2 #custom_content a[href*="cfp.sched.com"] * {
    font-size: 19px !important;
}
/* ==========================================================
   HOME PAGE TITLE
   ========================================================== */

#sched-page-custom #custom_content > p:first-child > span:first-child {
    display: block !important;
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #005399 !important;
    margin: 0 0 8px !important;
}
/* ==========================================================
   EVENT REGISTRATION BUTTON
   ========================================================== */

#sched-page-custom .get-tickets-button {
    background-color: #005399 !important;
    border-color: #005399 !important;
    color: #FFFFFF !important;
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-weight: 700 !important;
}

#sched-page-custom .get-tickets-button:hover,
#sched-page-custom .get-tickets-button:focus {
    background-color: #003A63 !important;
    border-color: #003A63 !important;
    color: #FFFFFF !important;
}
/* ==========================================================
   HOME PAGE SECTION HEADINGS
   ========================================================== */

#sched-page-custom #custom_content h2:not(:empty) {
    border-left: 4px solid #00AEEF !important;
    padding-left: 12px !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;

    color: #005399 !important;
    font-family: 'Libre Franklin', Arial, sans-serif !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

#sched-page-custom #custom_content h2:not(:empty) strong {
    color: inherit !important;
    font: inherit !important;
}

/* Hide blank headings created by the Sched editor */
#sched-page-custom #custom_content h2:has(> br:only-child) {
    display: none !important;
}
/* ==========================================================
   SCHEDULE AT A GLANCE PAGE
   ========================================================== */

/* Page title */
#sched-page-custom3 #custom_content > p:first-child {
    font-family: 'Libre Franklin', Arial, sans-serif !important;
}

#sched-page-custom3 #custom_content > p:first-child::first-line {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #005399 !important;
}
/* Major section headings */
#sched-page-custom3 #custom_content span[style*="font-size: 18px"] {
    display: inline-block !important;
    border-left: 4px solid #00AEEF !important;
    padding-left: 10px !important;
    line-height: 1.25 !important;
}
/* ==========================================================
   HOME PAGE SECTION BANDS
   ========================================================== */

#sched-page-custom #custom_content h2 {
    background: #F2F6F8 !important;
    border-left: 4px solid #00AEEF !important;
    padding: 10px 12px !important;
    margin-top: 26px !important;
    margin-bottom: 12px !important;
}