@import 'https://rowan.evaluationkit.com/canvas/css';
@charset "UTF-8";
/* CSS Document */


/*Home Sidebar*/
#course_show_secondary>a.btn.button-sidebar-wide,
#choose_home_page,
#course_show_secondary a.btn.button-sidebar-wide.wizard_popup_link {
  display: none;
}

#course_show_secondary>a.btn.button-sidebar-wide~a.btn.button-sidebar-wide {
  display: block;
}

/*Course Settings*/
#course_form div.coursesettings .course-visibility-row,
#course_form div.coursesettings .course-participation-row,
#right-side-wrapper a.Button.import_content {
  display: none;
}

form#migrationConverterContainer
{
  display: none;
}

/* Kaltura Global Navigation icon "My Media" */
img[src='https://sites.rowan.edu/rowanonline/assets/svgs/icon-media-blue-01.svg'] {
  height: 26px;
}

/*Custom Intro Module */
.ro_custom-module {
  --brown: #57150b;
  --darkened-brown: #210d0a;
  --gold: #ffcf44;
  --gold-light-tint: #ffeebd;
  --gold-medium-tint: #ffdc69;
  --transparent-brown: #57150b10;
  --gold-transparent: #ffcf4490;
  --antique-gold: #f2a900;
  --heritage-gold: #de7c00;
  --light-blue: #f6fbfe;
  --green: #007b4b;
  --jersey-blue: #0067a0;
  --dark-gray: #333;
  --gray: #eee;
  --white: #fff;
  --black: #000;
  --gold-gradient: linear-gradient(
    90deg,
    rgba(255, 204, 0, 1) 30%,
    rgba(242, 169, 0, 1) 100%
  );
  --hero-gradient: linear-gradient(
    223deg,
    rgba(87, 21, 11, 1) 41%,
    rgba(32, 5, 1, 1) 100%
  );
  --gray-gradient: linear-gradient(
    270deg,
    rgba(238, 238, 238, 1) 58%,
    rgba(255, 255, 255, 1) 100%
  );
}
/* set height for content container to allow sticky nav */
.pages.show .show-content {
  overflow-x: unset;
}
/* hide standard page title if custom module has page title */
h1.page-title:has(+ .ro_custom-module .hero .hero--container .heading h1) {
  display: none;
}
.ro_custom-module .hero {
  position: relative;
  overflow: hidden;
  height: 150px;
  border-bottom: 1px solid #eee;
}
.ro_custom-module .hero .hero--container {
  background-image: linear-gradient(45deg, rgba(222, 124, 0, 0.77) 0%, rgba(87, 21, 11, 0.95) 100%);
}
.ro_custom-module .hero .hero--container .heading {
  bottom: 0px;
  left: 25px;
  position: absolute;
  display: flex;
  margin: auto;
}
.ro_custom-module .hero .hero--container .heading h1 {
  z-index: 999;
  margin: 0px;
  padding: 15px 30px;
  background: #fff;
}
@media (max-width: 768px) {
  .ro_custom-module .hero .hero--container .heading h1 {
    font-size: 1.3em;
  }
}
@media (max-width: 500px) {
  .ro_custom-module .hero .hero--container .heading h1 {
    font-size: 1em;
  }
}
.ro_custom-module .hero .hero--container img {
  height: 100%;
  width: 100%;
  opacity: 0.1;
}
.ro_custom-module .ro_breadcrumb {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 10px 25px;
  background: #fbfbfb;
  box-shadow: 1px 1px 1px #f2f2f2;
}
.ro_sticky {
  width: 97.4vw;
  position: fixed;
  top: 0;
}
.ro_custom-module .module {
  padding: 30px;
  line-height: 1.5em;
}
.ro_custom-module .module h1.module-heading {
  display: block;
  font-size: 3em;
  font-weight: 100;
  text-align: center;
}
.ro_custom-module .module .pull {
  position: relative;
  display: block;
  color: var(--jersey-blue);
  text-align: center;
  font-weight: 600;
  margin: 40px 0;
  padding: 20px 50px;
  background: var(--light-blue);
  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
}
.ro_custom-module .module .button {
  display: inline-block;
  transition: 0.3s ease;
  text-decoration: none !important;
  color: var(--brown);
  background: var(--gold);
  padding: 1em 2em;
  border: 0;
  margin: 1em 1em 1em 0;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.03em;
  border-radius: 2px;
}
.ro_custom-module .module .button:hover {
  filter: grayscale(100%) invert(100%);
  cursor: pointer;
}
.ro_custom-module .module .button a {
  background: unset;
  text-decoration: none;
  color: var(--brown);
  border-bottom: unset;
}
.ro_custom-module .module .button a {
  text-decoration: none !important;
}
.ro_custom-module .module a {
  background: var(--light-blue);
  padding: 0px 2px;
  border-bottom: 2px solid transparent;
  transition: 0.3s ease;
  text-decoration: none;
  color: var(--jersey-blue);
  font-weight: bolder;
}
.ro_custom-module .module a:hover {
  border-bottom-color: var(--jersey-blue);
}
.ro_custom-module h1,
.ro_custom-module h2,
.ro_custom-module h3,
.ro_custom-module h4,
.ro_custom-module h5,
.ro_custom-module h6 {
  color: var(--brown);
}
.ro_custom-module h2 {
  padding: 8px 4px;
  padding-top: 80px;
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 1.5em;
  border-bottom: 6px solid var(--antique-gold);
}
.ro_custom-module h3 {
  margin-top: 30px;
  font-weight: bold;
}
.ro_custom-module h4 {
  display: table;
  background: var(--gold-light-tint);
  padding: 3px 12px;
  border-left: 6px solid var(--gold);
}
.ro_custom-module h5 {
  padding: 0px 4px;
  display: table;
  border-top: 4px solid var(--heritage-gold);
}
.ro_custom-module ul {
  list-style: none;
}
.ro_custom-module ul li {
  position: relative;
  padding: 10px 0px;
}
.ro_custom-module ul li::before {
  color: var(--heritage-gold);
  position: absolute;
  left: -1.75em;
  font-family: "Font Awesome 5 Free";
  content: "\f0a9";
  font-weight: bold;
}
.ro_custom-module ul ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: 100;
}
.ro_custom-module ol li {
  padding: 10px 0px;
}
.ro_custom-module ol.fancy {
  list-style: none;
  counter-reset: item;
}
.ro_custom-module ol.fancy li {
  counter-increment: item;
  position: relative;
  padding: 10px 0px;
}
.ro_custom-module ol.fancy li::before {
  color: var(--heritage-gold);
  font-weight: bold;
  position: absolute;
  left: -1.75em;
  content: counter(item);
}
.ro_custom-module .cards--fa {
  position: relative;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
}
.ro_custom-module .cards--fa a {
  text-decoration: none !important;
  color: unset;
}
.ro_custom-module .card--fa-small {
  transition: 0.3s;
  text-align: center;
  padding: 10px;
  border-radius: 2px;
  outline: 1px solid #eee;
  background: var(--white);
}
.ro_custom-module .card--fa-small:hover {
  background: var(--gray);
  opacity: 0.9;
}
.ro_custom-module .card--fa-small span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.75em;
}
.return-top {
  display: block;
  opacity: 0.9;
  height: fit-content;
  width: fit-content;
  background: whitesmoke;
  padding: 4px 8px;
  bottom: 0px;
  right: 0px;
  position: fixed !important;
  z-index: 999;
}
.return-top a {
  font-weight: bold;
  font-size: 0.65em;
  color: var(--dark-gray);
  text-decoration: none !important;
  text-transform: uppercase;
}
.return-top a::before {
  font-family: "Font Awesome 5 Free";
  margin-right: 4px;
  content: "\f3bf";
}