/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #182B49;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #182B49;
    --dt-color-secondary: #FFCD00;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #006A96;
    --dt-color-accent: #C69214;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #80630D;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
@charset "utf-8";
/* CSS Document */

/* Header look */
.ic-app-nav-toggle-and-crumbs {
  background-image: url('https://edtech.ucsd.edu/_images/geisel-at-night-hr.jpg');
  background-position: calc(50% + 100px) 1350px;
  opacity: .95;
}

/* Course menu (hamburger) button */
button#courseMenuToggle.Button {
  color: white;
}

/* Clear any background the new breadcrumb component adds */
.ic-app-nav-toggle-and-crumbs nav,
.ic-app-nav-toggle-and-crumbs nav *,
#breadcrumbs,
#breadcrumbs * {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Default breadcrumb text */
.ic-app-crumbs,
.ic-app-nav-toggle-and-crumbs nav,
.ic-app-nav-toggle-and-crumbs nav span {
  color: #FFFFFF !important;
}

/* Breadcrumb links (gold) */
#breadcrumbs a,
.ic-app-nav-toggle-and-crumbs nav a {
  color: #FFCD00 !important;
}

/* Current page (last crumb) in white, covering both old and new markup */
#breadcrumbs > ul > li + li:last-of-type a,
#breadcrumbs > ol > li + li:last-of-type a,
.ic-app-nav-toggle-and-crumbs nav li:last-child a,
.ic-app-nav-toggle-and-crumbs nav [aria-current="page"] {
  color: #FFFFFF !important;
}

/*eliminating Let students self-enroll by sharing with them a secret URL
 from settings*/
form input#course_self_enrollment.self_enrollment_checkbox { visibility: hidden; }
label[for="course_self_enrollment"] { visibility: hidden; }

/*eliminating Add a "Join this Course" link to the course home page*/
form input#course_open_enrollment { visibility: hidden; }
label[for="course_open_enrollment"] { visibility: hidden; }

/*eliminating This course has enabled open enrollment. Students can self-enroll in the course once you share with them this URL*/
form span.self_enrollment_message { visibility: hidden; }