:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #000000;--nav-text-color: #ffffff;--color-primary: #ff372f;--btn-prim-accent-color: #ff372f;--btn-accent-color: #ff372f;--link-color: #ff372f;--color-state: #000000;--color-text: #262626;--footer-bg-color: #000000;--footer-text-color: #ffffff;--btn-prim-accent-color-focus: #f52d25;--btn-prim-accent-color-active: #e41c14;--btn-accent-color-focus: #f52d25;--btn-accent-color-active: #e41c14;--link-color-hover: #f52d25;--color-state-hover: #000000;--color-state-focus: #000000;--color-state-active: #000000;--footer-text-color-hover: #f5f5f5;}
:root {
    --border-radius-block: 0px;
    --border-radius-small: 0px;
    --border-radius-normal: 0px;
    --border-radius-curved: 0px;
    --color-text: rgb(30,37,43);
    --btn-radius: 0px;
    --btn-sm-radius: 0px;
    --form-input-border-radius: 0px;
    --dropdown-border-radius: 0px;
    --font-body-size: 16px;
    --btn-prim-accent-color: #ff372f;
    --grey-1: #404040;
    --grey-2: #cccccc;
}

*,
html,
body {
    font-family: Arial;
}

/*a {
  text-decoration: underline;
}*/

.page-footer-poweredby {
    display: none;
}

.tui-core_auth-loginNav__image {
    height: 40px;
}

.totaraNav_prim {
    .masthead_logo--header_img {
        height: 64px;
    }
}

.tui-core_auth-loginNav__image {
    height: 64px;
}

.tui-core_auth-loginNav,
.tui-core_auth-footer {
    background-color: transparent;
}

.tui-core_auth-loginLayout__panel-interface {
    background-color: #ffffff;
    .tui-core_auth-footer {
        color: var(--btn-prim-accent-color);
    }
}

.block {
    border: none;

    .header.block-header {
        background-color: #eeebea;
        border-bottom: 2px solid var(--color-primary);
    }
    .block-title::after {
        box-shadow: none;
    }
    .block-header {
        h2 {
            font-weight: 700;
        }
    }
}

.totaraNav {
    padding: var(--gap-8) 0;
    background-color: var(--color-state);
    padding-bottom: 0px;
}

.totaraNav_prim {
    background-color: transparent;
}

.totaraNav_prim--list_item_link:hover {
    .totaraNav_prim--list_item_label::after {
        border-color: #000000;
    }
}

.totaraNav_prim--list_item_label {
    text-transform: uppercase;
}

.nav-tabs > li.active > a::after {
    border-radius: 0px;
}

.progress {
    .bar {
        background-color: var(--color-state);
    }
}

.popover {
    border-radius: 0px !important;
}

#page-footer {
    display: flex;
    .container-fluid {
        margin: 0px;
    }
    &:after {
        width: 150px;
        background-image: url("/pluginfile.php/478/mod_resource/content/2/logo-footer.svg");
        content: ' ';
        background-size: cover;
        margin-left: auto;
    }
}


/* Dashboard build */
#wsp-quick-links {
    .block-totara-featured-links-tile-medium {
        width: 20% !important;
        flex-basis: 20% !important;
    }
    .block-totara-featured-links-tile.background-contain {
        background-size: 40%;
    }
    .block-totara-featured-links-content {
        &:before {
            background-color: transparent;
        }
    }
    .block-totara-featured-links-content-bottom {
        h3 {
            padding-left: 8px;
        }
    }
}

.block_current_learning-tile {
    display: flex;
    flex-direction: column;
    background-color: var(--color-state);
    .block_current_learning-tile__image {
        padding-top: 120%;
        .block_current_learning-tile__image_ratio {

        }
    }
    .block_current_learning-tile__link {
        h3.block_current_learning-tile__link_title {
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: initial;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 3em;
        }
    }

    .block_current_learning-tile__content {
        padding-top: 0;
        .block_current_learning-tile__content_progress,
        .block_current_learning-tile__content_duedate {
            height: 24px;
            margin-bottom: var(--gap-1);
        }
        .block_current_learning-tile__content_component {
            color: #fff;
        }
    }
}

.progress {
    border: 1px solid var(--color-state);
    .bar {
        background-color: var(--btn-prim-accent-color);
    }
}

nav {
    .pagination > .active > a {
        background-color: var(--color-state);
        color: var(--btn-accent-color);
        border: 1px solid #000000;
    }
    .pagination > li > a {
        color: var(--btn-accent-color);
        border: 1px solid var(--color-state);
    }

    .pagination > li:first-child > a {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border: 1px solid var(--color-state);
        border-right: none;
    }
}

.pagination > li:last-child > a {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination > li > a {
    border: 1px solid var(--color-state);
}

.block {
    .header.block-header {
        background-color: transparent;
        border-bottom: none;
    }
    &.block.chromeless:not(.block_current_learning) {
        .title.block-title {
            padding-left: 0px;
        }
        .block-content {
            padding-left: 0px;
            .block_last_course_accessed_content {
                a {
                    color: var(--btn-prim-accent-color);
                }
            }
        }
    }
    &.block_badges {
        ul {
            li {
                width: 110px;
                padding-top: .5em;
                padding-bottom: .5em;
            }
        }
    }
    .minicalendar {
        td {
            &.hasevent {
                background-color: var(--btn-prim-accent-color);
                a {
                    color: #ffffff;
                }
            }
            &.eventnone {
                background-color: var(--grey-1);
            }
        }
    }
}

#wsp-main-dash-banner {
    .block-totara-featured-links-content-container {
        justify-content: right;
        .block-totara-featured-links-content {
            width: 40%;
            height: 100%;
            display: flex;
            padding: var(--gap-4);
            flex-direction: column;
            background-color: var(--color-state);
            .content-title {
                font-size: 1.6vi;
            }
            .content-wrapper {
                margin-top: auto;
                display: flex;
                .content-description {
                    width: 60%;
                    font-size: 1vi;
                }
                .btn-cta {
                    align-self: center;
                    margin-left: auto;
                    padding: .4em 1.6em;
                    font-size: .8vi;
                    background-color: var(--btn-prim-accent-color);
                    a {
                        color: var(--color-state);
                        text-decoration: none;
                    }
                }
            }
        }
    }
}

.userloggedinas .totaraNav_prim--side .loggedinas-label {
    color: var(--btn-prim-accent-color);
}

body.path-course .block ul.block_tree li{
    span, a {
        color: var(--btn-prim-accent-color);
        &:not(.flex-icon) {
            text-decoration: underline;        }
    }
}

.course-content ul li.section.main {
    border-bottom: none;
}

.course-content ul li.section.main:not(:first-of-type) {
    margin-top: 4rem;
}

.tw-formatTopics__collapse_link {
    margin-left: calc(-1.8em - var(--gap-2));
}

.section {
    li.activity,
    .activity.modtype_label.label,
    .section .activity.modtype_label.statusok,
    .section .activity.modtype_label.statuswarning,
    .section .activity.modtype_label.statusserious,
    .section .activity.modtype_label.statuscritical {
        padding: .2em 0;
        .contentafterlink {
            margin-left: 0;
        }
        .activityinstance a {
            color: var(--btn-prim-accent-color);
            text-decoration: underline;
            .ft-fw {
                display: none;
                text-align: left;
            }
        }
    }
}

img.img-responsive {
    margin: 0;
}

.breadcrumb>li {
    &+li:before,
    a:not(.dimmed_text) {
        color: var(--btn-prim-accent-color);
    }
}

.block_action .flex-icon {
    color: var(--btn-prim-accent-color);
}

.atto_image_button_text-top.img-responsive, .atto_image_button_middle.img-responsive, .atto_image_button_text-bottom.img-responsive {
    max-width: 100%;
}

.section .label .contentwithoutlink, 
.section .statusok .contentwithoutlink, 
.section .statuswarning .contentwithoutlink, 
.section .statusserious .contentwithoutlink, 
.section .statuscritical .contentwithoutlink, 
.section .label .activityinstance, 
.section .statusok .activityinstance, 
.section .statuswarning .activityinstance, 
.section .statusserious .activityinstance, 
.section .statuscritical .activityinstance,
.section .activity .contentafterlink {
    padding-right: 16px;
}
.section .content .summary {
    padding-right: 32px;
}

.block.hero img { 
    width: 100%; 
    margin: 0px;
}

.path-course .block-content,
.path-course .section .content,
.path-mod .editor_atto_content,
#page-course-editsection .editor_atto_content,
#page-course-edit .editor_atto_content {
    h1, h2, h3, h4, h5, h6 {
        font-size: revert;
    }
    h1, h3 {
        color: var(--btn-prim-accent-color);
    }
    a {
        color: var(--btn-prim-accent-color);
        text-decoration: underline;
    }
}