/* These are Rick's Raw CSS modifications to Boost.
Last modified: 20181217
*/

/* The first group of modifications are for the entire moodle. */

/* The top Navbar background and characteristics.
I use these background colors to help me differenciate production moodle from experimentals.
Default is rjTheme background.  Experimental is second background.  Test is third backgroud. */
.bg-white {
  background-color: #d1c8c1 !important;
  //background-color: orange !important;
  //background-color: cyan !important;
}

/* Control of the course short name attributes in the Nav Bar */
.d-md-inline {
  display: inline !important;
  font-weight: 700;
  color: #990000;
}
.navbar-light .navbar-nav .nav-link {
    color: #990000;
}
.navbar-light {
  border-bottom: 1px solid black;
}
/* Help and Language text coloration */
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #990000;
    text-decoration: underline;
}

/* Shorten padding of Drawer boxes */
.list-group-item {
  padding: .6rem;
  border-radius: .15rem;
}
/* Drawer background color, this is the next darkest shade of #e9dfd7 */
[data-region="drawer"] {
  background-color: #d1c8c1;
}

/* Overall body styling.
Note: The background image is grabbed dynamically from Rick's website.  Alternatively,
this graphic can be downloaded an put on any moodle website and then referenced. */
body {
  background-image: url(https://rjerz.com/images/moodle_background_01.jpg);
  background-repeat: repeat;
  line-height: 1.25em;
  font-weight: 450;
}

/* Adjust fonts size for all headings. */
h1 {font-size: 1.5rem;}
h2 {font-size: 1.3rem;}
h3 {font-size: 1.25rem;}
h4 {font-size: 1.1rem;}

/* Improve hyperlink coloring */
a:visited {
  color: #cc6666;
}
a:active {
  color:#009899;
}

/* Changing "dimmed" colors, from Mary Evans
I couldn't change the activity color with this, so I added a bunch of code near the bottom.
*/
a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a {
    color: #009899;
}
.activity.label .dimmed_text {
    color: #009899;
}


/* Slightly round corners of all buttons. */
.btn-primary {
  border-radius: .15rem;
}
/* Remove Moodle Logo when not logged in (Mary & Emma) */
.sitelink {
  display: none;
}

/* Reduce the space at the top of the page */
#page {
  margin-top: 3rem;
}

/* Reduce activity icons sizes. */
.activity img.activityicon {
  width: 1.25em;
  height: 1.25em;
  margin-right: .35em;
  vertical-align: text-bottom;
}

/* Change footer bar characteristics */
.bg-inverse {
  background-color: #d1c8c1 !important;
  color: #fff !important;
}

/* Fix footer positioning problem - Mary */
#page-wrapper::after,
#page-wrapper,
#page-footer {
  min-height: 0;
}
#page-wrapper {
  margin-bottom: 0;
}
#page-footer {
  text-align: center;
  background-image: url(https://rjerz.com/images/moodle_background_01.jpg);
}

/* Alternate course colors on Frontpage (Olemann) */
.courses .coursebox {
  border: 1px solid black;
  border-radius: .2rem;
  margin-bottom: .5em;
}
.courses .coursebox.even,
.courses .coursebox.odd  {
  background-color: #f9f5f1;
}
.courses .coursebox:hover {
  background-color: #e9dfd7;
}
/* Make subtitles in homepage content be left justified */
.coursebox .content .summary, .coursebox .content .coursecat {
  float: left;
  width: 100%;
}
/* I cannot figure out how to position the image, so for now I am not going to display it */
.coursebox .content .courseimage img {
    display: none;
}
/* Move course "lock" slightly to the right of the course name on the frontpage */
.coursebox > .info > .coursename a {
    padding-right: 1em;
}


/* Change the current topic highlight (lightbulb) color */
.course-content .current {
    background-color: #fee2ae;
}

.card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well {
    border-radius: .3em;
    border-color: black;
    border: 1px solid black;
}


.card-block {
    padding: .45rem;
}

/* Change right block characteristics */
.m-b-1 {
    margin-bottom: .4rem !important;
    color: gray;
    background-color: #F9F5F0;
}
/* For RSS Feed Block Spacing */
.p-y-1 {
    padding-top: .1rem !important;
    padding-bottom: .1rem !important;
}

/* Tighter spacing between Upcoming Events items */
hr {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.card-body, .userprofile .profile_tree section {
  padding: .5rem;
  padding-top: .1rem;
}


/* To highlight each activity by hovering */
.activity:hover {
    background-color: #e9dfd7;
}

/* Reduce space for objectives */
p {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

/* Ajustment for the size and placement of the jump-to box */
#jump-to-activity.custom-select {
    width: 50%;
    margin: auto;
}

/* Adjustments to FORUMS and FORUM POSTS.  */
/* Move the forum post content as far left as possible.
There might be some other changes required to move it further left. */
.forumpost .row .left {
    width: 40px;
}
/* Change forum post background characteristics */
.forumpost {
    border: 1px solid black;
    padding: 4px;
    border-radius: .2rem;
    margin: .5rem;
    background-color: #f9f5f1;
}
/*  Reduce indentation of forum posts.
I would like to go smaller, but I have not figured out how to do this without
chopping off the profile image.  */


/* Remove the Home link in the footer */
.homelink {
    display: none;
}

/* Still need to fix hyperlinks on side drawer */
.list-group-item-action:focus, .list-group-item-action:hover {
    color: #990000;
    text-decoration: underline;
}
a:focus, a:hover {
    color: #990000;
}
.list-group-item-action {
    color: #990000;
}
a {
    color: #900;
}

/* Changes main section resources spacing */
.section .activity .contentwithoutlink, .section .activity .activityinstance {
    min-height: .75em;
}



/* lines separating topics */
.course-content ul li.section.main {
    border-bottom: 1px solid #d1c8c1;
}

/* Widen the board for all main region blocks */
#region-main > .card {
  border: .2em solid black;
  border-radius: .4rem;
  min-height: 0;
}



/* Change gradebook tab characteristics */
.nav-tabs .nav-link {
    padding: .2em .5em;
    border: 1px solid $gray-lighter;
}

/* Change the color scheme and some spacing for manually grading quiz questions.
This matches the old MORE theme color scheme.  */
.alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation {
    background-color: #d9edf7;
    border-color: black;
    color: black;
}
.alert-warning, #page-admin-index .adminwarning, .uninstalldeleteconfirmexternal, .que .outcome, .que .comment {
    background-color: #dff0d8;
    border-color: black;
    color: black;
}
.que.essay .qtype_essay_response {
    padding: .25em;
}

/* Control the muted text. */
.text-muted, a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled, #page-admin-qbehaviours .disabled, #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .notes .requiredby, #plugins-check-page .page-description, #plugins-check-page #plugins-check .requires-ok, #plugins-check-page #plugins-check .displayname .plugindir, #plugins-check-page #plugins-check-available-dependencies .displayname .component, .block .minicalendar td.weekend, .course-content .section-summary .section-summary-activities .activity-count, #course-category-listings .listitem[data-visible="0"], #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .listing-pagination-totals.dimmed, .fitem.disabled .fp-btn-choose, .form-defaultinfo, .form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage {
    color: #009899 !important;
   opacity: 100;
}

/* Adjustments for add-ins.  */

/* Tweaks for Collapsed Topics */
/* Add a little more space around headings. Improves appearances when all topics are collapsed. */
.course-content ul.ctopics li.section .content .toggle span.the_toggle.tc-small {
  margin-top: .2em;
  margin-bottom: .2em;
}

/* Needed to collapse right-side blocks.
Daniel Miericke, modified by Gareth Barnard */
.block {
    .block-action {
        @include fa-icon();
        cursor: pointer;
        float: right;
        margin: .2rem .6rem 0 0;
        &:before {
        content: $fa-var-caret-down;
        }
    }
    &.hidden {
        .block-action:before {
        content: $fa-var-caret-right;
        }
        .card-text {
            display: none;
        }
    }
}
/* Ricks modification */
.card-title {
    margin-bottom: 0;
}

/* Moodle 3.6 Adjustments */
/* To fix wider spacing of forum navs in 3.6. */
.nav-link {
padding: .1rem .3rem;
}

/* Print a better User Report
From Dan Studebaker on Moodle.org
*/

@media print {
    /*remove breadcrumb from print out*/
    .breadcrumb {
        display: none;
    }
    /*remove selection boxes from printout of user grade report*/
    .form-search input,
    .form-inline input,
    .form-horizontal input,
    .form-search textarea,
    .form-inline textarea,
    .form-horizontal textarea,
    .form-search select,
    .form-inline select,
    .form-horizontal select,
    .form-search .help-inline,
    .form-inline .help-inline,
    .form-horizontal .help-inline,
    .form-search .uneditable-input,
    .form-inline .uneditable-input,
    .form-horizontal .uneditable-input,
    .form-search .input-prepend,
    .form-inline .input-prepend,
    .form-horizontal .input-prepend,
    .form-search .input-append,
    .form-inline .input-append,
    .form-horizontal .input-append {
        display: none;
    }
    /*remove administration block from side of print display*/
    aside {
        display: none;
    }
    /*remove separate group label from printout*/
    .form-search label,
    .form-inline label,
    .form-search .btn-group,
    .form-inline .btn-group {
        display: none;
    }
    /*remove select all or one user label from printout*/
    .path-grade-report-user #graded_users_selector .singleselect label,
    .path-grade-report-user .view_users_selector .singleselect label {
        display: none;
    }
    /*remove nav bar from printout*/
    .nav-tabs>li,
    .nav-pills>li {
        display: none;
    }
    /*remove middle nav bar from printout*/
    .nav-tabs,
    .nav-pills {
        display: none;
    }
    /*remove student image from printout*/
    img.userpicture {
        display: none;
    }
    /*removes side administration block from printout*/
    .block {
        display: none;
    }
    /*removes side collapsed admin block from printout*/
    body.has_dock div#dock {
        display: none;
    }
    /*removes  nav bar from printout in multi-student printing*/
    .navbar {
        display: none;
    }
    /*removes  Moodle footer from print out*/
    footer {
        display: none;
    }
    /*removes Feedback header from user report*/
    .user-grade thead tr th#feedback.header.column-feedback {
        display: none;
    }
    /*removes Feedback column from userreport*/
    .path-grade-report-user .user-grade tbody .column-feedback {
        display: none;
    }
    header {
        display: none;
    }
    .path-grade-report-user .user-grade tbody .column-itemname {
        padding-left: 0;
        width: 500px;
    }
    /*removes contribution to course total column*/
    .path-grade-report-user .user-grade tbody .column-contributiontocoursetotal {
        display: none;
    }
    /*removes contribution to course total header*/
    .user-grade thead tr th#contributiontocoursetotal.header.column-contributiontocoursetotal {
        display: none;
    }
    /*removes calculated weight column*/
    .path-grade-report-user .user-grade tbody .column-weight {
        display: none;
    }
    /*removes calculated weight header*/
    .user-grade thead tr th#weight.header.column-weight {
        display: none;
    }
    /*removes range column*/
    .path-grade-report-user .user-grade tbody .column-range {
        display: none;
    }
    /*removes calculated weight header*/
    .user-grade thead tr th#range.header.column-range {
        display: none;
    }
    /*removes percentage column*/
    .path-grade-report-user .user-grade tbody .column-percentage {
        display: none;
    }
    /*removes calculated weight header*/
    .user-grade thead tr th#percentage.header.column-percentage {
        display: none;
    }
    /*removes letter grade column*/
    .path-grade-report-user .user-grade tbody .column-lettergrade {
        display: none;
    }
    /*removes letter grade header*/
    .user-grade thead tr th#lettergrade.header.column-lettergrade {
        display: none;
    }
    /*sets grade column width*/
    .path-grade-report-user .user-grade tbody .column-grade {
        width: 120px;
    }
    /*sets letter grade header width*/
    .user-grade thead tr th#grade.header.column-grade {
        width: 120px;
    }
    /*removes borders from user grade report and reduces the spacing around text*/
    .path-grade-report-user .user-grade.generaltable .leveleven {
        border-color: transparent;
        height: 1px;
        padding: 0;
        margin: 0;
    }
    .path-grade-report-user .user-grade.generaltable .levelodd {
        border-color: transparent;
        height: 1px;
        padding: 0;
        margin: 0;
    }
}
/*@end report modifications from Dan*/


/* This is a placeholder showing how to make changes for smaller screen sizes.
I was getting into this when I was trying to fix the right-side block width in Moodle 3.6.
I might need this technique in the future, so I keep it here.
@media screen and (max-width: 1199.98px) {
    [data-region="blocks-column"] {
        width: 100%;
    }
    #region-main.has-blocks {
        width: 100%;}
}
*/