@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap');
@import url('./v2-styles/modal.css');
@import url('./v2-styles/button.css');
@import url('./v2-styles/icon-button.css');
@import url('./v2-styles/modal-navigation.css');
@import url('./v2-styles/narrow-column.css');
@import url('./v2-styles/text-input.css');
@import url('./v2-styles/title.css');
@import url('./v2-styles/loader.css');
@import url('./v2-styles/alert.css');
@import url('./v2-styles/checkbox.css');
@import url('./v2-styles/recaptcha.css');
@import url('./v2-styles/scroll-view.css');
@import url('./v2-styles/two-columns.css');
@import url('./v2-styles/fieldset.css');
@import url('./v2-styles/pages/checkout.css');
@import url('./v2-styles/tooltip.css');
@import url('./v2-styles/pages/community-agreement.css');
@import url('./v2-styles/radio.css');
@import url('./v2-styles/price-table.css');
@import url('./v2-styles/pages/register.css');  
@import url('./v2-styles/uploader.css');
@import url('./v2-styles/accordion.css');
@import url('./v2-styles/main-navigation.css');
@import url('./v2-styles/badge.css');
@import url('./v2-styles/notification-list.css');
@import url('./v2-styles/content-blocks/guest-home-banner.css');
@import url('./v2-styles/catalog-item-column.css');
@import url('./v2-styles/carousel.css');
@import url('./v2-styles/content-blocks/testimonial.css');
@import url('./v2-styles/content-blocks/features.css');
@import url('./v2-styles/content-blocks/sponsors.css');
@import url('./v2-styles/content-blocks/faq.css');
@import url('./v2-styles/card.css');
@import url('./v2-styles/content-blocks/catalog-group.css');
@import url('./v2-styles/content-blocks/text.css');
@import url('./v2-styles/pages/catalog-group.css');
@import url('./v2-styles/pages/logged-in-home.css');
@import url('./v2-styles/content-blocks/quote.css');
@import url('./v2-styles/content-blocks/landing-page-links.css');
@import url('./v2-styles/search.css');
@import url('./v2-styles/content-blocks/member-access.css');

:root {
    /* The default logo to be used. */
    --v2-default-logo: url(/admin/platform/plugins/com.sightworks.5.Channel.DigitalXEBase2/resources/logo.svg);

    /* Colors for various purposes */
    --v2-dark: #000;
    --v2-light: #fff;
    --v2-brand: #fc0;
    --v2-green: #004005;
    --v2-ripple-light: rgb(255, 255, 255, .7);
    --v2-ripple-dark: rgb(0, 0, 0, 0.4);
    --v2-error: #790024;
    --v2-error-background: color(from var(--v2-error) srgb r g b / 0.1);
    --v2-info: #000C5E;
    --v2-info-background: color(from var(--v2-info) srgb r g b / 0.1);

    --v2-link: #00324b;
    --v2-link-hover: #000c5e;

    /* Transitions: duration and easing function */
    --v2-transition-short: 0.15s;
    --v2-transition-normal: 0.25s;
    --v2-transition-long: 0.5s;
    --v2-transition-function: ease-out;

    /* Typography */
    --v2-font-family: "Red Hat Display", sans-serif;
    --v2-mono-font-family: "Red Hat Mono", monospace;

    --v2-font-size: 16px;
    --v2-font-size-factor: 1.0;
    --v2-font-weight: 500;
    --v2-letter-spacing: 0.8px;
    --v2-line-height: 1.2;

    --v2-bold-font-weight: 700;

    --v2-header-font-size: 50px;
    --v2-header-font-weight: 700;
    --v2-header-letter-spacing: 0;
    --v2-header-line-height: 1.32;
    @media (max-width: 767.99px) {
        --v2-header-font-size: 40px;
        --v2-header-line-height: 1.125;
    }

    --v2-subheader-font-size: 32px;
    --v2-subheader-font-weight: 700;
    --v2-subheader-letter-spacing: 0;
    --v2-subheader-line-height: 2.0625;
    @media (max-width: 767.99px) {
        --v2-subheader-font-size: 32px;
        --v2-subheader-line-height: 1.60714;
    }

    /* The spacing between individual blocks in a container. */
    --v2-block-space: 20px;

    /* When a header is butted up to content, how much additional margin to apply between the header and the content. */
    --v2-header-content-extra-space: 19px;

    /* Content sizing */
    --v2-content-horizontal-padding: 28px;
    --v2-content-large-horizontal-padding: 64px;
    --v2-content-vertical-padding: 64px;
    @media (max-width: 767.99px) {
        --v2-content-large-horizontal-padding: 28px;     
        --v2-content-vertical-padding: 28px;        
    }

    --v2-narrow-column: 640px;
    @media (max-width: 767.99px) {
        --v2-narrow-column: 100vw;
    }

    --v2-border-radius: 8px;
    --v2-border-radius-large: 18px;
    
    --v2-loader-icon: var(--loaderIcon);

    --v2-focus-base: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    --v2-focus-active: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
    --v2-focus-transition: box-shadow var(--v2-transition-short) var(--v2-transition-function);
}

.v2-themed {
    --v2-theme-shapes: var(--v2-theme-desktop-shapes);
    --v2-theme-positions: var(--v2-theme-desktop-positions);
    --v2-theme-repeat: var(--v2-theme-desktop-repeat);
    --v2-theme-sizes: var(--v2-theme-desktop-sizes, auto);
    @media (max-width: 767.99px) { 
        --v2-theme-shapes: var(--v2-theme-mobile-shapes);
        --v2-theme-positions: var(--v2-theme-mobile-positions);
        --v2-theme-repeat: var(--v2-theme-mobile-repeat);
        --v2-theme-sizes: var(--v2-theme-mobile-sizes, auto);
    }

    background-image: var(--v2-theme-shapes, none);
    background-position: var(--v2-theme-positions);
    background-color: var(--v2-theme-background-color);
    background-repeat: var(--v2-theme-repeat);
    background-size: var(--v2-theme-sizes);    
    color: var(--v2-theme-body-text-color);
}
    
/**
Compat overrids
*/

html body.SiteLayout:not(.CampaignDetail) .block.stack.tabs {
    background: #fff;
    color: #000;
}

html body.SiteLayout.MainDashboard #page-content-container, html body.SiteLayout.DonationDetail #page-content-container {
    background: #fff;
    color: #000;
    .header-block, .large-header {
        &:not([data-block-id="cf34823f799230dcff18533280cae874"]):not([data-block-id="fe8168f5793cdd44db20a0d7aa800933"]) {
            color: #fff;
            background: #4a4a4a;
        }
        &[data-block-id="fe8168f5793cdd44db20a0d7aa800933"] ~ .block.stack {
            background-color: transparent;
        }
    }
    .block.stack.catalog-group {
        &[data-block-id="1328f298b2ee8aae1dd35ed17dc652e9"] {
            background: transparent;
        }
    }
}

html body.SiteLayout.ObjectDetailNew .people .person, .course-details-modal .people .person {
    background: #fff;
    color: #000;
    .person-body {
        .person-title, .person-bio, .person-location { color: #000 }
    }
}

html body.SiteLayout.ObjectDetailNew.PackageDetail .modal .person {
    a {
        color: var(--link-color);
        text-decoration: none;
    }
}


body.SiteLayout .discussion-new {
    .reply-root:not(.collapsed) form {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: var(--v2-border-radius-large);
        .comment .form-control {
            color: #000;
            &::placeholder {
                color: rgba(0, 0, 0, .7);
            }
        }
    }
    .reply-root.collapsed {
        > .reply, > a {
            color: var(--v2-link);
            &:hover {
                color: var(--v2-link-hover);
            }
        }
    }
    .comment-thread {
        background: #fff;
        color: #000;
        border: 1px solid #ccc;
        border-radius: var(--v2-border-radius-large);
        .comment-item2 {
            .title {
                h3, h4, h5 {
                    color: #000;
                }
                h3, h4 {
                    &:first-child a {
                        text-decoration: underline;
                        &:not(:hover) {
                            color: var(--v2-link);
                        }
                        &:hover {
                           color: var(--v2-link-hover);
                        }
                    }
                }
            }
            footer {
                color: #000;
            }
        }
        .comment-thread {
            border: none;
        }
        .child-comments {
            .comment-form, .comment-item2 {
                &:before {
                    border-top-color: #ccc;
                }
            }
        }
    }
}

.block.stack.text {
    background: #fff;
    color: #000;
}

body.SiteLayout .block.stack.people-group {
    background: #fff;
    color: #000;
    .person {
        color: inherit;
        .person-info {
            .person-name, .person-title, .person-location {
                color: inherit;
            }
        }
    }
}

.block.stack {
    &.challenge-winners, &.past-challenges {
        background: #fff;
        color: #000;
    }
}

body.ObjectDetailNew.DonationDetail #page-content-container > .block.stack.large-header.course-detail.alternate-large-header:first-child:not(.header-block) {
    justify-content: center;
}

div.block.stack.faq-group .faq-item-2 .answer {
    color: inherit;
}

body.SiteLayout .block.stack[data-block-type=sundanceThisWeek] .this-week {
    border-bottom: 1px solid;
    background-color: #fff;
    .this-week-container .big-card > a.card-target:before, .this-week-container .small-card > a.card-target:before {
        color: #000;
    }
}

/** Overrides */
a:where(:not(.btn)) {
    color: var(--v2-link);
    text-decoration: underline;
    &:hover {
     color: var(--v2-link-hover);
   }
}

.big-card, .small-card {
    :where(a) {
        text-decoration: none;
    }
}
nav a, .info-items a, .comment-item2 a, .comment-form a, .activity-item .activity-link, a.alert-close {
    text-decoration: none;
}

/** Compat */
.block.stack.two-column .sidebar a, .block.stack .session-info .schedule a, .modal a {
    color: var(--link-color);
    text-decoration: none;
    &:hover {
        color: var(--link-hover-color);
        text-decoration: var(--link-hover-decoration);
    } 
}

body.SiteLayout .nav > li {
    a {
        color: var(--v2-link);
        &:hover {
            color: var(--v2-link-hover);
        }
    }
    &.active a {
        color: var(--v2-link-hover);
    }
}

.sidebar-button a {
    text-decoration: none;
}

html[data-plugin-instance="com.sightworks.5.Channel.instance.uma"] body.SiteLayout .block.stack {
    &[data-block-id="7fcc5115e09e4231d3243051318c2176"], &[data-block-id="90c1c19fb4b783cd078dc1b811f26993"] {
        background-color: transparent;
    }
    &[data-block-id="7fcc5115e09e4231d3243051318c2176"]:has(+ .v2-member-access-only) {
        display: none;
    }
}

.card-container .card.more-card {
    background: #000 !important;
    border-radius: var(--v2-border-radius-large);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

html body.SiteLayout .block.stack .block.stack.challenge-banner {
    border-radius: var(--v2-border-radius-large);
    a {
        color: var(--link-color);
        text-decoration: none;
        &:hover {
            color: var(--link-hover-color);
            text-decoration: var(--link-hover-decoration);
        } 
    }
    .image-container {
        .image {
            border-radius: var(--v2-border-radius-large);
        }
        --image-overlay: linear-gradient(to bottom, transparent, transparent);
    }
}

body.SiteLayout.CampaignDetail #page-content-container > .block.stack:first-child:not(.header-block).course-detail {
    @media (min-width: 768px) {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

body.SiteLayout.ObjectDetailNew .block.stack.tabs {
    background: #fff;
    color: #000;
    .campaignClosed {
        color: #fff;
    }

}

body.SiteLayout.ObjectDetailNew .block.stack.tabs .inner-content > header .nav-pills li,
body.ObjectDetailNew.CampaignDetail.IgniteDetail .objectBodyTab.container .ignite-submissions > footer .paginator > li {
    a {
        color: #000;
        text-decoration: none;
    }
}

.nextItem a, .previousItem a {
    text-decoration: none;
}

a.btn-secondary.linkURL.follow {
    text-decoration: none;
}

body.ObjectDetailNew.SubmissionPage #submission-info-bar + .block {
    background-color: #fff;
}

body.SubmissionPage #courseDescription div.feedback > :first-child {
    &:empty {
        display: none;
    }
}

body.SiteLayout.CampaignDetail .featured-section .featured-item {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: var(--v2-border-radius-large);
    a {
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    > .content-container > .description {
        color: #000;
        > :last-child {
            margin-bottom: 0;
        }
    }
}

html body.ObjectDetailNew {
    &.PackageDetail {
        .main-body-content .objectBodyTab.container .course-details-block-body {
            border-radius: var(--v2-border-radius-large);
            overflow: hidden;;
            .expando {
                color: #000;
            }
            .sessions {
                border-bottom-left-radius: var(--v2-border-radius-large);
                border-bottom-right-radius: var(--v2-border-radius-large);
                .session, .session-placeholder {
                    background: #fff;
                    color: #000;
                    &:last-child {
                        border-bottom-left-radius: var(--v2-border-radius-large);
                        border-bottom-right-radius: var(--v2-border-radius-large);
                    }                
                    .schedule > a {
                        color: #000;
                        border-color: #000;
                        text-decoration: none;
                    }
                }
            }
        }
    }
}
body.ObjectDetailNew.ScheduledCourseDetail, .course-details-modal {
    .course-details-section.course-outline .faq-item-2 {
        .toggle {
            color: #000;
        }
        .question, &.expanded .question {
            color: #000;
            text-decoration: none;
        }
    }
}

body.ObjectDetailNew.PackageDetail .modal .course-details-section.people-list {
    .person  {
        background: #fff;
        color: #000;
        .person-body {
            .person-title, .person-location, .person-bio {
                color: #000;
            }
            a {
                color: var(--v2-link);
                text-decoration: underline;
                &:hover {
                    color: var(--v2-link-hover);
                }
            }
        }
    }
}

@media (min-width: 768px) {
    .container:not(.container-fluid) {
        width: min(1170px, 100%);
    }
}

body.SiteLayout.InstructorDetail .stack.transparent {
    background-color: #fff;
    color: #000;
}

body.SiteLayout.InstructorDetail .inner-content {
    text-align: left;
}

body.SiteLayout.InstructorDetail #page-content-container .stack.catalog-group {
    background-color: #fff;
    color: #000;;
}

.tabbed-resource-list #objectBody .objectBodyTabs .sidebar-button a[data-sidebar] > .material-icons {
    color: #000;
}

.tabbed-resource-list #objectBody.sidebar-open-mobile .objectBodyTabSidebar {
    color: #fff;
}

body.SiteLayout.ObjectDetailNew .featured-section .featured-item .person-body .person-name, body.SiteLayout.ObjectDetailNew .people .featured-item .person-body .person-name, body.SiteLayout.ObjectDetailNew .prizes .featured-item .person-body .person-name, body.SiteLayout.ObjectDetailNew .featured-section .person .person-body .person-name, body.SiteLayout.ObjectDetailNew .people .person .person-body .person-name, body.SiteLayout.ObjectDetailNew .prizes .person .person-body .person-name, body.SiteLayout.ObjectDetailNew .featured-section .prize .person-body .person-name, body.SiteLayout.ObjectDetailNew .people .prize .person-body .person-name, body.SiteLayout.ObjectDetailNew .prizes .prize .person-body .person-name, body.SiteLayout.ObjectDetailNew .featured-section .featured-item .prize-body .person-name, body.SiteLayout.ObjectDetailNew .people .featured-item .prize-body .person-name, body.SiteLayout.ObjectDetailNew .prizes .featured-item .prize-body .person-name, body.SiteLayout.ObjectDetailNew .featured-section .person .prize-body .person-name, body.SiteLayout.ObjectDetailNew .people .person .prize-body .person-name, body.SiteLayout.ObjectDetailNew .prizes .person .prize-body .person-name, body.SiteLayout.ObjectDetailNew .featured-section .prize .prize-body .person-name, body.SiteLayout.ObjectDetailNew .people .prize .prize-body .person-name, body.SiteLayout.ObjectDetailNew .prizes .prize .prize-body .person-name, body.SiteLayout.ObjectDetailNew .featured-section .featured-item .person-body .prize-name, body.SiteLayout.ObjectDetailNew .people .featured-item .person-body .prize-name, body.SiteLayout.ObjectDetailNew .prizes .featured-item .person-body .prize-name, body.SiteLayout.ObjectDetailNew .featured-section .person .person-body .prize-name, body.SiteLayout.ObjectDetailNew .people .person .person-body .prize-name, body.SiteLayout.ObjectDetailNew .prizes .person .person-body .prize-name, body.SiteLayout.ObjectDetailNew .featured-section .prize .person-body .prize-name, body.SiteLayout.ObjectDetailNew .people .prize .person-body .prize-name, body.SiteLayout.ObjectDetailNew .prizes .prize .person-body .prize-name, body.SiteLayout.ObjectDetailNew .featured-section .featured-item .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .people .featured-item .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .prizes .featured-item .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .featured-section .person .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .people .person .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .prizes .person .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .featured-section .prize .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .people .prize .prize-body .prize-name, body.SiteLayout.ObjectDetailNew .prizes .prize .prize-body .prize-name {
    color: #000;
}