html{line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{background-color:transparent;-webkit-text-decoration-skip:objects}
html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* basic set up (don't include in moodle) */

/* cite,
figcaption,
.cite {
  background: #fdff8d;
  color: #ff003c;
} */

body {
  margin: 4rem auto 0 auto;
  padding: 0 2rem;
  max-width: calc(1240px + 4rem);
  background-color: #fff;
  /* border: 1px solid #f6f6f6; */
}

.TOC {
  padding: .5rem 0 1rem 0;
  justify-content: space-around !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}

.TOC2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin: .25rem 0 !important;
  padding: 1rem 2rem !important;
}
.TOC2 .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 .5rem 0px;
}
.TOC2 a {
  margin: .2rem 1.5rem .2px 0;
  font-size: 1rem;
  font-weight: 500;
}
.TOC2 h5 {
  font-size: 1.1rem;
  margin: .2rem 1.5rem .2px 0;
}
.TOC2 h3 {
  font-size: 1.2rem;
}
.TOC2 .flex {
  margin: .5rem 0;
}
.tocButton {
  margin: 0;
  width: auto !important;
  cursor: pointer;
  position: fixed;
  top: -.5rem;
  right: .5rem;
  padding: 1rem;
  color: #0076817b;
  transition: .1s;
  background: transparent;
  border: none;
  font-size: 2rem;
  z-index: 999;
}
.tocButton:hover {
  color: #2E48A6;
}
.tocButton2 {
  top: 0px;
  color: #2E48A6;
}

.tocBox {
  position: fixed;
  width: 100%;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.9);
  background: #f7fbfb;
  top: 0;
  left: 0;
  display: flex;
  display: none;
  z-index: 99;
  border-bottom: 2px solid #2E48A6;
  overflow: scroll;
  height: 100vh;
}




/* EXCLUDE EVERYTHING ABOVE THIS WHEN PASTING IN MOODLE */



/* MOODLE THEME OVERRIDES */

/* normalize bold type */
b, .strong, strong {
  font-weight: 700;
  color: inherit;
}

/* page-width and centering */
#page-content {
  max-width: 1240px;
  margin: auto;
}

/* Remove strange menu up top */
.site-menu-list {
  display: none;
}

/* fix header so logo doesn't overflow */
@media only screen and (min-width: 768px) {
  #master-header.sticky-el 
  .flexcols {
    height: 72px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .header-tools.tools-pos2 .header-tools-link, .header-tools.tools-pos2 .popover-region-toggle {
    margin-left: 24px;
  }
}

/* COURSE MENU */
/* normalize menu text */
.badge {
  padding: 0;
  color: #6E298D; 
  background: none;
}
.badge-info {
  color: #007681;
  font-weight: 700;
  margin-right: 6px;
  font-size: 1rem;
}
/* section headings */
.sectionname {
  font-size: 1.5rem !important;
  color: #fff;
  background: #005E67 !important;
}
.sectionname:hover,
.sectionname:focus {
  background: #005E67;
}
/* beef up page nav text */
.theme-coursenav.flexcols {
  font-family: 'barlow';
}

.coursenav-prev .coursenav-link,
.coursenav-next .coursenav-link {
  text-align: center;
}

/* fix breadcrumb overflow */
.breadcrumb {
  max-width: 100%;
}
.breadcrumb ul li, .breadcrumb ol li {
  margin: 6px 0;
  font-size: .85rem;
}
/* Beef up headings */
.instancename {
  font-family: 'barlow';
  font-size: 1.4rem;
  color: #007681;
}
/* give them a hover state */
.instancename:hover,
.instancename:focus {
  border-bottom: 2px solid #007681;
}
/* divide sections */
.section li.activity {
  border-bottom: .5rem dashed #F2F2F2 !important;
  padding: .5rem 0 1.5rem 0 !important;
}
.course-46 .section li.activity {
  border-bottom: .5rem dashed #F2F2F2 !important;
  padding: .5rem 0 1.5rem 0 !important;
}
.course-content ul.topics li.section, .course-content ul.weeks li.section { 
  padding-bottom: 0;
}

/* remove misleading hover-state */
.course-content ul.topics > li .content ul.section li.activity:hover {
  background-color: #fff;
}
/* indents */
.section .activity .availabilityinfo {
  margin-left: 2rem;
}
.section_availability {
  margin: 1.5rem 0 0 1rem;
}
.activity-information {
  margin-left: 2rem;
  font-size: .9rem;
}

.activity img.activityicon {
  margin-right: 1rem;
  margin-bottom: 3px;
}

/* remove automatic ordered-list styling */
ol li:before {
  content: none;
}

/* make flashing done: section less conspicuous, better aligned */
.path-mod div.activity-information {
  border: 0;
  margin-left: 0;
  padding: 0;
}

/* stop constraining page size */
.fsmod-wrap .content-col#region-main {
  padding: 0 2rem;
  max-width: 1240px;
}

/* SIDEBAR / TOC */
.coursetoc-section {
  border-bottom: 2px dashed #e1e1e1;
}
.coursetoc-section.active .coursetoc-section-tite {
  background-color: #fffaeb;
}
/* section titles in TOC */
.coursetoc-section-tite .title-text {
  border: none !important;
  padding: 2rem 1rem 2rem 1rem;
}
.fsmod-section {
  background-color: #ffffffc7;
  padding-right: 4px;
  border: none;
}
.fsmod-sections .coursetoc-section-tite {
  padding: inherit
}
.coursetoc-section-modules {
  border: none;
}
.course-content ul.weeks>li .content ul.section li.activity, .course-content ul.topics>li .content ul.section li.activity {
  margin-top: 1rem;
}
/* header */
.fsmod-section-tools {
  background-color: #007681;
  padding: 1rem;
  display: block;
}
.fsmod-section-tools button.active {
  color: #007681;
}
.fsmod-section-tools h3,
.fsmod-section-tools button {
  color: #fff;
}
/* bullet points */
section-modules {
  list-style: circle;
  padding: 0 1.8rem;
}
/* fix button colour */
.dropdown-menu .menu-action-text {
  color: inherit !important;
}
.mycourses > ul {
  width: 300px !important;
}

.btn-primary.btn-secondary, 
[type="submit"].btn-secondary, 
input.btn-primary.btn-secondary, 
button.btn-primary.btn-secondary,
.standardbutton .btn-secondary,
.standardbutton .btn-primary {
  color: #6e298d;
  background-color: #fff;
}

.course-45 .standardbutton .btn-secondary,
.course-66 .standardbutton .btn-secondary,
.course-57 .standardbutton .btn-secondary,
.standardbutton .btn-primary,
.standardbutton .btn-secondary {
  color: #6e298d !important;
  background-color: #fff !important;
}

.standardbutton .btn-secondary,
.standardbutton .btn-primary {
  color: #fff;
  background-color: #6e298d;
}


.course-45 .complete a,
.course-66 .complete a,
.course-57 .complete a,
.course-45 .standardbutton .btn-secondary:hover,
.course-66 .standardbutton .btn-secondary:hover,
.course-57 .standardbutton .btn-secondary:hover,
.standardbutton .btn-primary:hover,
.course-45 .standardbutton .btn-secondary:focus,
.course-66 .standardbutton .btn-secondary:focus,
.course-57 .standardbutton .btn-secondary:focus,
.standardbutton .btn-primary:focus {
  color: #fff !important;
  background-color: #6e298d !important;
}

.course-45 .complete a:hover,
.course-66 .complete a:hover,
.course-57 .complete a:hover,
.course-45 .complete a:focus,
.course-66 .complete a:focus,
.course-57 .complete a:focus {
  color: #6e298d !important;
  background-color:  #fff !important;
}

/* background */
.fsmod-course-sections,
.block_coursetoc .coursetoc-sectionlist {
  background-color: #fcfcf757;
  box-shadow: 4px 0px 4px #44433e01;
  border: none;
}

.section-modules li {
  margin: 1rem 0;
  font-size: 1rem;
}


.fsmod-course-tools {
  right: 3rem;
}

/* adjust slider text */
.mb2slides-description h1 {
  filter: drop-shadow(0px 3px .5rem #000);
}

/* remove automatic headings so I can add custom ones */
[role="main"] > h3 {
  display: none;
}

/* prevent unwanted glossary item styling */
.glossary {
  color: inherit;
  text-decoration: underline;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  text-decoration: none !important;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
  border: 0;
  box-shadow: 0px 0px 1rem #0000002e;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  background: #005E67;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd h5 {
  color: #fff;
}

/* hide redundant page nav buttons */
.branchbuttoncontainer{
  display: flex;
  justify-content: space-around;
}

/* hide misleading enrol now non-button */
.enrol-sidebar,
#id_selfheader,
/* .col-md-3.col-form-label.d-flex.pb-0.pr-md-0, */
.enrollment-page #page-content h2 {
  display: none !important;
}

[value*="Enrol me"] {
  font-size: 2rem;
  padding: 2rem;
  width: 100%;
}


/* disable next page locked button */

[href*="https://learn-irmhp-psmir.camhx.ca/mod/page/view.php?id=6767"],
[href*="https://learn-irmhp-psmir.camhx.ca/mod/page/view.php?id=5263"],
[href*="https://learn-irmhp-psmir.camhx.ca/mod/page/view.php?id=6918"],
[href*="https://learn-irmhp-psmir.camhx.ca/mod/page/view.php?id=6598"],
[href*="https://learn-irmhp-psmir.camhx.ca/mod/page/view.php?id=8661"],
[href*="https://learn-irmhp-psmir.camhx.ca/mod/page/view.php?id=8703"] {
  pointer-events: none; 
  opacity: .5;
  cursor: not-allowed;
}

[href*="scorm/player.php"] {
  font-size: 1.5rem;
  border: 2px solid;
  padding: 2rem;
  font-weight: bold;
  display: flex;
}

/* Quiz boxes */
.que .formulation {
  padding: 3rem;
  color: #005e67;
  box-shadow: none;
  background: #fffcf1;
  border-bottom: 2px solid rgba(243, 241, 233, 0.5);
}

.que.multichoice .answer div.r0, 
.que.multichoice .answer div.r1 {
  margin: 1rem 0;
}
.que.multichoice .answer div.r0 input, 
.que.multichoice .answer div.r1 input {
  margin: .5rem .5rem;
}

/* remove weird block (non-functional scrollbar?) that appears when you select a multiple choice option */
.visual-scroll-x::-webkit-scrollbar-track,
.visual-scroll-x::-webkit-scrollbar-thumb {
  display: none;
}

#main-header {
  background: #007681;
}

#master-header.sticky-el {
  background: #007681;
}

#master-header {
  background: #007681;
}

/* adjust h1 colour on teal bg */
.page-header-left h1 {
  color: #fff;
}
/* plus fix menu buttons */
.page-heading h1 a,
.user-buttons a span,
.dropdown-menu a span{
  color: #fff !important;
}

/* make accessibility button tighter */
#acsb-menu_launcher {
  width: 2.5rem;
  height: 2.5rem;
  bottom: .25rem;
  right: .25rem;
}




/* Global properties */








/* Set in moodle already, but worth testing to be sure */
html {
  font-family: 'roboto', 'helvetica', 'arial';
  font-size: 1rem;
  font-weight: 400;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'barlow', 'helvetica', 'sans-serif';
  font-weight: 700;
  color: #005e67;
  line-height: 1.5;
}

p,
li {
  line-height: 1.5;
  margin: 1rem 0;
  font-size: 1.1rem;
}

h1 {
  font-size: 2rem;
  margin: 0;
  padding-right: 2rem;
}

h2 {
  font-size: 1.65rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  padding: 0;
  margin: 1.3rem 0;
  font-size: 1.4rem;
}

h5 {
  font-size: 1.2rem;
  padding: 0;
  margin: 1.2rem 0;
}

h6 {
  font-size: 1.1rem;
  margin: 1.1rem 0;
  font-weight: 500;
}

/* emphasize forgot password */
.login-form-forgotpassword{
  background: #fbf6fb;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 1rem
}

/* INFOGRAPHIC TYPOGRAPHY */

.jost {
  color: #005e67;
  font-family: 'jost';
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: .1px;
}
.jost img {
  width: 100%;
}

.blue,
.course-45 .theme-course-item-inner h4 a {
  color: #2E48A6 !important;
  border-color: #2E48A6 !important;
}

.purp,
.course-45 .purp {
  color: #6E298D !important;
}

.teal {
  color: #005E67 !important;
}

a {
  color: #2E48A6;
}

.teal {
  border-color: #007681 !important;
}

.blue a,
.video a,
.covid a {
  color: #005e67;
}
.IGTextBlock a {
  color: #cfecff;
}


/* sections */
.lessonBlock {
  padding: 0 0 4rem 0;
  border-bottom: .5rem dashed #f2f2f2;
  margin-bottom: 4rem;
  max-width: 1240px;
}

/* charts, graphs, videos, iframes */
figure {
  margin: 2rem 0 4rem 0;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  max-height: 660px;
}
canvas {
  padding: 0 !important;
  margin: 0;
  width: 100%;
  min-height: 300px;
}
.video > div {
  margin: 2rem 0 0 0;
}
iframe {
  width: 100%;
}

/* HEADER PHOTO/ILLUSTRATIONS */
.hero1 {
  width: 100%;
  margin: 2rem 0 0px 0;
}
.hero1 > div {
  width: 100%;
  height: 40vmin;
  max-height: 540px;
  min-height: 320px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 2px;
}


/* HEADINGS */

/* H1 TITLE BOX */
.boxHeader {
  display: flex;
  margin: 0 0 4rem 0;
  background-size: 780px;
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThickGreen.png);
  width: 100%;
  background-color: #fcfdfd;
}
.boxHeader span {
  border-right: 1px solid #fff;
}
.boxHeader span,
.boxHeader h1 {
  background: #005E67;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 18px 1.5rem;
  margin: 0;
}
.boxHeader > div  {
  display: flex;
  flex-wrap: nowrap;
}

/* H2 TITLE BOX */

.boxHeader2 {
  border-radius: 1px;
  padding: 1.5rem 0;
  margin: 0 0 3rem 0;
  text-align: center;
  /* background: #f7fbfb; */
  background: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalFaintG.png);
  background-size: 400px;
  box-shadow: 0px 2px 2px #2E48A610 ;
}
.boxHeader2 h2 {
  filter: drop-shadow(0px 1px 4px #fffbfb);
}

/* labels and citations */
.instructions {
  font-size: 1rem !important;
  margin: 2rem auto 1.5rem auto;
  font-family: 'Roboto';
}

.instructions:before {
  content: "(";
}
.instructions:after {
  content: ")";
}

.cite {
  display: inline;
}

cite,
figcaption,
.cite {
  font-weight: 500;
  font-size: .875rem;
  font-style: normal;
  display: inline;
  font-family: 'Roboto', 'Helvetica', 'sans serif';
}
.citeLeft,
figcaption {
  text-align: left;
  width: 100%;
}
.citeBlock,
h4 cite {
  display: block;
  margin: .5rem 0;
}

h4 cite  {
  margin-bottom: .5rem 0 -.5rem 0;
}

.jost em,
.graph em {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: .2px;
  font-style: normal;
  line-height: 1.5;
}

p strong {
  font-weight: 600;
}

/* LISTS */
ul {
  padding: 0;
}

.subList {
  margin-left: 1rem !important;
}
.subList:first-child p {
  margin-left: -1rem;
}
.subList li {
  display: list-item !important;
  list-style: circle !important;
}
ol {
  padding: 0;
}
ol li {
  margin: .75rem 0;
  display: flex;
  align-items: center;
}
ol li span,
.circ span {
  color: #fff;
  background-color: #007681;
  border-radius: 100%;
  height: 36px;
  width: 36px;
  min-width: 36px;
  border-radius: 100%;
  margin-right: 1rem;
  font-size: 16px;
  line-height: 1;
  padding-top: 2px;
}
.listButton {
  padding: .75rem 0;
  background: #fffcf1;
  margin: .75rem 0 !important;
  cursor: pointer;
}
.listButton:hover,
.listButton:focus {
  color: #fff !important;
  background: #005e67;
  transition: .1s linear;
}

.multList {
  /* margin: 1rem; */
  padding: 0;
  margin: 2rem 0 0 0;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 2rem 1rem !important;
  text-align: center;
}
.multList2 {
  width: 100%;
}
/* .numberList li, */
/* .iconList3 li,
.iconList4 li, */
.iconList li,
.iconGrid li,
.iconGridCols li,
.multList li,
.multList2 li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.gridDub {
  grid-column: span 2;
}

/* INFOGRAPHIC LAYOUT STYLING */

.igBox {
  border: 3px dashed #007681;
  padding: 2rem;
  margin: 1rem 0;
  /* position: relative; */
  height: 100%;
  width: 100%;
  border-color: #72ADD1;
}
.igBox img {
  width: 100%;
}
.flowChart .igBox {
  border: 2px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.thinLightGreen {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThinLightGreen.png); background-size: 594px; align-self: stretch;
  width: 100%;
}
.IGlink {
  font-size: 1rem;
  line-height: 1.5;
}
.IGlink img {
  width: 14px;
  height: 1rem;
  margin-right: .75rem;
}
.IGTextBlock {
  background: #005E67;
  color: #fff !important;
  padding: 3rem;
  /* z-index: 10; */
  box-shadow: 1px 1px 4px #30303005;
  line-height: inherit;
}

.IGTextBlock h5,
.IGTextBlock h4,
.IGTextBlock h3,
.IGTextBlock h2 {
  color: #fff
}

/*  GRID! GRID! GRID! */

.grid,
.gridCols,
.iconGrid,
.iconGridCols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  place-items: center;
  width: calc(100% - 3px);
}
.gridCols,
.iconGridCols {
  grid-template-columns: repeat(auto-fit, minmax(404px, 1fr));
  gap: 2.5rem;
}
.iconGrid {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1rem;
}
.iconGridCols {
  gap: 1rem;
}
.gridCols div {
  margin: 4rem 0;
}
/* .gridCols h5 {
  padding: 1rem 1rem 1.5rem 1rem;
} */
.grid > li,
.gridCols > li,
.iconGrid > li,
.iconGridCols > li {
  list-style: none;
  flex-direction: column;
  margin: 0;
  width: 100%;
  height: 100%;
}

.iconGrid li,
.iconGridCols li {
  flex-direction: row;
  justify-content: flex-start;
  padding: 1rem 2rem;
  margin: 0;
  border-top: 0;
  border-left: 0;
  box-shadow: -1px 2px 2px #72ADD110 ;
  background: url('https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalFaintSky.png');
  background-size: 500px;
}

.iconGrid p,
.iconGridCols p {
  filter: drop-shadow(0px 1px 2px #fffbfb);
  text-shadow: 0px 2px 1px #f0f0f0;
}

.spectrum {
  gap: 8px; 
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr))
}
.spectrum > ul {
  height: 100%; 
  width: 100%;
  padding: 0;
  margin: 0;
  background-size: contain !important;
  background-position: right !important;
}
.spectrum > ul > li {
  border: none; 
  height: calc(100% - 80px);
  background: #fff;
  padding: 24px;
  margin: 40px;
  border-radius: 4px;
  position: relative;
  width: auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.spectrum h4 {
  width: 128px;
  margin: 0;
}
.spectrum .list {
  margin: 0; 
  width: calc(100% - 128px - 32px);
  min-width: 240px;
}

.note .iconGrid li,
.note .iconGridCols li,
.video .iconGrid li,
.video .iconGridCols li {
  background: url('https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalFaintP.png');
  box-shadow: -1px 2px 1px #F7ECE1;
  background-size: 500px;
}

.video .iconGrid li,
.video .iconGridCols li {
  box-shadow: -1px 2px 2px #2E48A610 ;
}

.iconList img,
.iconGrid img,
.iconGridCols img {
  height: 3.5rem;
  min-width: 3.5rem;
  max-width: 3.5rem;
  margin: 0 1.5rem 0 0;
}

.boxTop {
  position: relative;
  margin: 4rem 0 0 0 !important;
}
.boxTop img:first-child {
  position: absolute;
  bottom: .4rem;
  width: 6rem;
  left: calc(50% - 3rem);
}

.columnAB li {
  margin-bottom: 1rem;
}

/* placed here for cascade reasons */
li {
  list-style: none;
}
.list,
.list2 {
  padding: 0 0 0 1rem;
}
.list li,
.list2 li {
  list-style: disc;
}
.grid img {
  width: 120px;
  margin: 1rem 0;
}



/* FLEXBOX */

.flex,
.flexCol,
.knowledgeCheck,
.graph,
.flowButton,
ol li span,
.circ span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.flexCol,
.knowledgeCheck,
.graph {
  flex-direction: column;
}
.TF p {
  padding-top: 4rem;
  margin-top: 3rem;
  border-top: 3px dotted #72ADD1;
  max-width: 900px;
}
.TF p:first-of-type {
  padding-top: 0;
  border: none;
}

.flexColA,
.flexColB {
  width: 48%;
  border: 2px solid #6E298D;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6rem;
}
.flexColA {
  margin: 0 2% 2rem 0;
  color: #6E298D;
  border-color: #6E298D;
}
.flexColB { 
  margin: 0 0 2rem 2%;
  color: #2E48A6;
  cursor: pointer;
  border-color: #2E48A6;
}
.flexColA span {
  background: #6E298D;
  right: 0;
}
.flexColB span {
  background: #2E48A6;
  left: 0;
  display: none;
}
.flexColA span,
.flexColB span {
  height: 100%;
  position: absolute;
  top: 0; 
  z-index: 20;
}
.flexColA p {
  padding-right: 50%;
}
.flexColB p {
  padding-left: 50%;
  display: none;
}

/* CONTENT HIGHLIGHT BOXES */
.iNote,
.note,
.video,
.resources,
.knowledgeCheck,
.graph,
.map,
.covid {
  padding: 4rem;
  background: #fffaeb;
  /* background: #fffdf6; */
  margin: 4rem 0;
  border-radius: 1px;
  box-shadow: 0px 2px 2px #2E48A608 ;
}
.note {
  color: #005E67;
}
.mini {
  padding: 2rem 3rem; margin: 2rem 0 !important;
}
/* .note li,
.video li,
.resources li,*/
.endGlossary li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.iNote,
.covid {
  color: #005E67;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: .25rem dashed #F1B434;
  border-radius: 0;
  background: transparent;
  padding: 3rem;
  font-family: 'jost', 'roboto', 'arial';
}

.iNote .CTA {
  margin: 1rem 0 0 0;
  text-align: left;
}

.covid {
  padding: 3.5rem 2rem;
  margin: 80px 0;
  border-color: #2E48A6;
  background: #fffcf31c;
}
.covid > div,
.iNote > div,
.iNote > p {
  width: calc(100% - 10rem);
}

.covid,
.covid H3 {
  color: #2E48A6;
}


.covid img,
.iNote img {
  width: 12vmax;
  min-width: 2rem;
  max-width: 4rem;
  margin-right: 3rem;
}
.resources img {
  margin: 0 1rem 0 -12px;
}


.note span
.resources span {
  margin-right: 1.5rem;
}

.graph {
  background: #fbf6fb;
  padding: 3rem 4rem;
  color: #6E298D;
  font-family: 'jost';
}

.video {
  background: #f4f8ff;
  /* background: #fbfcff; */
  padding: 2rem 3.5rem;
}

.video h2,
.video h3,
.video h4,
.video h5,
.video cite,
.video p,
.video label,
.knowledgeCheck h2,
.knowledgeCheck h3,
.knowledgeCheck h4,
.knowledgeCheck h5,
.knowledgeCheck p,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue cite,
.blue p {
  color: #2E48A6;
}

.graph h2,
.graph h3,
.graph h4,
.graph h5,
.graph cite,
.graph figcaption,
.graph label
.graph p,
.purp h2,
.purp h3,
.purp h4,
.purp h5,
.purp cite,
.purp figcaption,
.purp p {
  color: #6E298D;
}

.resources {
  padding: .75rem 0 0 2rem;
  margin: 0;
  width: calc(100% - 2rem); 
  background: transparent;
  color: #303030;
}

/* Paragraph blocks */
blockquote {
  margin: 3rem 0 4rem 0;
  display: flex;
}
blockquote > span {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThinLightGreen.png); 
  background-size: 500px;
  width: 2rem;
  align-self: stretch;
}
blockquote > div,
.list2 {
  width: calc(100% - 2rem);
  margin: -1rem 0 -20px 2rem;
}

.list2 .resources {
  padding: 0 0 0 3rem;
  border: none;
  color: #005E67 !important;
  width: calc(100% - 3rem); 
}

.list2 .resources li {
  display: list-item;
  padding: 6px 0 .75rem .75rem;
}

.list2 .resources li:first-child {
  margin-top: -12px;
}

.list2 .resources li:last-child {
  margin-bottom: -1.5rem;
}

.resources li span {
  margin-right: 1.5rem;
  color: #007681 !important;
  font-size: 1.5rem;
}
.knowledgeCheck {
  background: #f4f8ff;
  color: #2E48A6 !important;
  border: 6px dotted #2E48A6;
  margin: 6rem auto;
  font-family: 'jost';
}

.multList li {
  flex-direction: column;
  min-width: 175px;
  margin: 0;
}


.checkBox {
  margin: 2rem 0;
  min-width: 320px;
  padding: 4rem 2rem 4rem 4rem;
  border: 4px dotted #72ADD1;
  color: #2E48A6;
}
.checkBox li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #72ADD1;
}

.checkBox input {
  margin: 1rem 1rem 1rem 0;
}
#correct,
#incorrect,
#correct2,
#incorrect2
{
  display: none;
}

/* MAP / KNOWLEDGE CHECK SECTIONS */
.map {
  position: relative;
}
.map img {
  width: 100%;
}
.map button,
.multList button,
.multList2 button {
  background-color: #2E48A6;
  color: #fff;
  font-size: 1.5rem;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 9vw;
  height: 9vw;
  max-width: 4rem;
  max-height: 4rem;
  font-family: 'jost';
  position: absolute;
  cursor: pointer;
}
.multList button,
.multList2 button {
  position: static;
  margin: .5rem;
  width: 3.5rem;
  height: 3.5rem;
  min-width: 3.5rem;
  min-height: 3.5rem;
}
.multList2 button {
  margin: 0 1rem 0 0;
}
.multList li p {
  margin: .5rem !important;
}
.answer2,
.answer2C {
  display: none;
  padding: 1rem 1.5rem;
  margin: 0 1rem 0 0 !important;
  border-radius: 2px;
  min-width: 160px;
  text-align: center;
  background: #6E298D;
  color: #fff !important;
  font-size: 1rem;
}
.answer2C {
  background:#007681 !important;
  color: #fff !important;
}
.provinceBox{
  text-align: right;
}
.provinceBox h3 {
  margin: .75rem 0;
}

.map button:hover,
.map button:focus,
.multList button:hover,
.multList button:focus,
.multList2 button:hover,
.multList2 button:focus {
  background-color: #fff;
  color: #2E48A6;
  border: 2px solid #2E48A6;
  transition: .1s linear;
}

/* VIDEO */
.transcriptButton,
.TFbutton,
.CTA,
.flowButton,
select {
  color: #2E48A6;
  border: 2px solid #F1B434;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  margin: 2rem 0;
  transition: .1s;
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
  font-family: 'barlow', 'helvetica', 'arial';
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 800;
  line-height: 1.5;
}

select {
  width: 100%;
  color: #6E298D;
  padding: 1.15rem;
}

.toc button {
  width: 100%;
  padding: 0 2rem;
  margin: .5rem 0;
}
.toc .note {
  margin: .5rem 0 1rem 0;
  width: 100%;
  padding: 1rem 4rem 2rem 4rem;
}
.toc ul {
  margin: 0 0 0 2rem;
  padding: 0;
}

.CTA img,
.iNote .CTA img {
  max-width: 2rem;
  min-width: 2rem;
  background-color: #fff;
  padding: .5rem;
  border-radius: 50%;
  margin: -4px 1rem -4px -8px !important;
  height: 2rem;
}

.transcriptButton:hover,
.transcriptButton:focus,
.CTA:hover,
.CTA:focus,
.TFbutton:hover,
.TFbutton:focus {
  border: 2px solid #F1B434;
  color: #fff;
  background: #F1B434 !important;
}

.flowButton {
  font-size: 1.2rem;
  border: 2px solid #72ADD1;
}
.flowButton:hover,
.flowButton:focus {
  background: #2E48A6;
  border: 2px solid #2E48A6;
  color: #fff;
}
.TFbutton {
  position: absolute;
}

.endGlossary li {
  border-bottom: 3px dotted #007681;
  padding: 2rem 0;
}
.endGlossary li:last-child {
  border-bottom: none;
}
.endGlossary .list .list {
  width: 33%;
}

.endGlossary h4 {
  width: 300px;
  margin-right: 4rem;
}
.endGlossary2 h4 {
  width: 100%;
  min-width: 100px;
}
.endGlossary2 > li {
  display: grid;
  grid-template-columns: 25% 35% 35%;
  gap: 2.5%;
  width: 100%;
}
.endGlossary .list li {
  border: none;
  padding: inherit;
  display: list-item;
}

.endGlossary p {
  width: 100%;
}

.gloss {
  display: none;
  position: fixed;
  top: 2rem;
  left: 1rem;
  width: calc(100% - 2rem);
  background-color: #fff;
  
}
.gloss2 {
  /* background: url('https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThick.png'); */
  background-size: 800px;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.gloss h3 {
  margin: 0 0 1rem 0;
}

.gloss .iNote {
  margin: 0;
  padding: 2rem;
}

.gloss button {
  position: absolute;
  top: 0rem;
  right: 0;
  width: 4rem;
  height: 4rem;
  margin: 0;
  background: #fff;
}
.glossy {
  text-decoration: underline;
  cursor: help;
  font-weight: bold;
}



/* SPECIFIC SECTIONS */
/* Module and section summary graphics */
.modSummary {
  color: #fff;
  width: 700px;
  position: relative;
  margin: auto;
}
.modSummary img {
  width: 100%
}
.modSummary h2 {
  color: #fff;
  margin: .75rem 0;
  font-weight: 700;
}
.modSummary ul {
  position: absolute;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.modSummary li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  line-height: 1.3;
  display: list-item;
  margin: 0 0 .5rem 26.5px;
}
.modSummary p {
  margin: 0 0 6px 22px;
  width: 360px;
  line-height: 1.4;
}
.modSummary span {
  color: #005e67;
  background-color: #fff;
  border-radius: 100%;
  height: 2rem;
  width: 2rem;
  border-radius: 100%;
  margin-right: 1rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
.summaryBox {
  width: 80%; 
  padding: 2rem;
  border: 2px dashed #007681;
  /* min-width: 600px; */
}
.summaryBox p {
  width: 60%;
}
.summaryHeader {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #007681;
  height: 75px;
}
.summaryHeader img {
  width: 150px; 
  height: 6rem; 
}
.summaryHeader h2 {
  color: #fff;
  margin: 0 auto;
  font-size: 28px;
  padding-right: 1rem;
}

.flowChart {
  grid-template-columns: 10fr 1fr 10fr 1fr 10fr; 
  grid-template-rows: 1fr 3fr 1fr 3fr 1fr 3fr 1fr 3fr; 
  max-width: calc(100% - 136px);
  gap: 1.5rem .75rem;
}
.flowChart p {
  padding: 1rem .5rem;
}
.flowChart span {
  font-size: 2.5rem;
  margin: 0;
  padding: 0;
  line-height: 0;
}

/* PERMANENT RESIDENT CATEGORY GRAPHICS */
.PRcats {
  display: flex;
  flex-direction: column;
  min-width: 400px;
  width: 50%;
  margin: 2rem auto;
}
.PRcatsBox {
  margin: 1rem 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PRcatsBox h2:hover,
.PRcats h2:focus {
  background-color: #007681;
  color: #fff;
}
.PRcats img {
  width: 100%;
  display: block;
}
.PRcats h2 {
  position: absolute;
  border: 1px solid #005e67;
  line-height: 1;
  text-align: center;
  background: #fff;
  width: 75%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.5vmin;
  cursor: pointer;
  transition: .1s;
  font-size: 2rem;
}
.class {
  height: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.PRbox {
  border: 1px solid #007681; 
  width: 100%;
  background: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/Dots.png);
  background-size: 30%;
  margin: 0 0 4rem 0 !important;
}
.PRtitle {
  background-color: #007681;
  margin: 0 !important;
}
.popTitle {
  background-color: #fff;
  color: #007681;
  border: 1px solid #007681;
  margin: 2.5rem 0;
}
.PRtitle h2,
.popTitle h2 {
  margin: 0;
  padding: .75rem;
}
.PRtitle img,
.popTitle img {
  width: 2.5rem;
  margin-right: .5rem;
}

/* JS CLASSES & ANIMATIONS */
.displayNone,
.mapBox {
  display: none;
}

.flip {
  font-size: 2rem;
  background: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThinLightBlue.png);
  background-size: 300px;
  color: #2E48A6;
}
.flip,
.unFlip {
  transition: .4s;
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
  margin: 0 !important; 
  z-index: 2;
  min-height: 200px;
}
.flip span {
  background: #fff;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 2px solid #2E48A6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flipCard {
  position: relative;
}
.flip h5 {
  background: #fff;
  border-radius: .25rem;
  border: 2px solid #2E48A6;
  padding: .75rem 1.5rem;
}
.unFlip{
  transform: rotateY(90deg);
  transition: .4s .3s;
  z-index: 0;
  background: #fff;
  position: absolute;
}

.hotText,
.hotText2,
.hotText3 {
  position: absolute;
  border-radius: 100%;
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.3rem;
  transition: .1s;
  cursor: pointer;
  border: 3px dashed transparent;
  background: transparent;
  
}
.hotText2 {
  width: 2rem;
  height: 2rem;
  color: #fff;
  border: 3px solid #fff;
  padding-bottom: 3.5px;
  font-size: 1.5rem;
  font-weight: bold;
}


.hotText:hover,
.hotText:focus {
  color: #007681;
  border: 3px dashed #005e67;
}

.hotText2:hover,
.hotText2:focus {
  background-color: #fff;
  color: #2E48A6;
}

.hot3:hover,
.hot3:focus {
  
  border-style: solid;
}


.coverLink {
  filter: saturate(0);
  transition: .2s;
  text-decoration: none;
}

.coverLink:hover,
.coverLink:focus{
  filter: saturate(1);
}


@keyframes colourShift {
  0% {
    filter: hue-rotate(-30deg);
  }
  100% {
    filter: hue-rotate(40deg);
  }
}
.colourShift {
  animation: colourShift 5s alternate-reverse infinite;
}

@keyframes fade {
  0% {
    opacity: .5;
    filter: saturate(0)
    ;
  }
  20% {
    opacity: 1;
    filter: saturate(1)
  }
  60% {
    opacity: 1;
    filter: saturate(1)
  }
  80% {
    opacity: .5;
    filter: saturate(.1)
  }
  100% {
    opacity: .5;
    filter: saturate(.1)
  }
}

.fade1 {
  opacity: .5;
  filter: saturate(0);
  animation: fade 8s linear infinite;
}
.fade2 {
  opacity: .5;
  filter: saturate(0);
  animation: fade 8s linear 4s infinite;
}

.faded {
  opacity: .6;
  pointer-events: none;
}


/* MEDIA QUERIES! */

@media (max-width: 824px) {
  .iconGridCols .gridDub,
  .gridCols .gridDub {
    grid-column: span 1;
  }
  html {
    font-size: 15px;
  }
}

@media (max-width: 648px) {
  .iconGrid .gridDub,
  .grid .gridDub {
    grid-column: span 1;
  }
}

@media (max-width: 600px) {
  .covid > div,
  .iNote > div,
  .iNote > p {
    width: 100%;
  }
  .covid img,
  .iNote img {
    margin: 0 auto 1.5rem auto;
  }
  .iconGridCols {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
  .iNote,
  .note,
  .video,
  .resources,
  .knowledgeCheck,
  .graph,
  .map,
  .covid,
  .checkBox {
    padding: 3rem;
    margin: 3rem 0;
  }
  
}

@media (max-width: 528px) {
  .iconGrid .gridDub {
    grid-column: span 1;
  }
}


@media (max-width: 450px) {
  html {
    font-size: 14px;
  }
  .grid,
  .gridCols,
  .gridCols,
  .iconGridCols {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .iNote,
  .note,
  .video,
  .resources,
  .knowledgeCheck,
  .graph,
  .map,
  .covid,
  .checkBox {
    padding: 2rem;
    margin: 2rem 0;
  }
}


/* Leadership + RHS Course colour adjustment */

.course-45 h1,
.course-45 h2,
.course-45 h3,
.course-45 h4,
.course-45 h5,
.course-45 h6,
.course-45 .jost,
.course-45 .boxHeader h1,
.course-45 .IGTextBlock,
.course-45 .note,
.course-45 .iNote,
.course-45 .covid,
.course-45 .instancename,
/*  */
.course-57 h1,
.course-57 h2,
.course-57 h3,
.course-57 h4,
.course-57 h5,
.course-57 h6,
.course-57 .jost,
.course-57 .boxHeader h1,
.course-57 .IGTextBlock,
.course-57 .note,
.course-57 .iNote,
.course-57 .covid,
.course-57 .instancename,
/*  */
.course-46 h1,
.course-46 h2,
.course-46 h3,
.course-46 h4,
.course-46 h5,
.course-46 h6,
.course-46 .jost,
.course-46 .boxHeader span,
.course-46 .boxHeader h1,
.course-46 .IGTextBlock,
.course-46 .note,
.course-46 .iNote,
.course-46 .covid,
.course-46 .instancename,
/*  */
.course-58 h1,
.course-58 h2,
.course-58 h3,
.course-58 h4,
.course-58 h5,
.course-58 h6,
.course-58 .jost,
.course-58 .boxHeader span,
.course-58 .boxHeader h1,
.course-58 .IGTextBlock,
.course-58 .note,
.course-58 .iNote,
.course-58 .covid,
.course-58 .instancename {
  color: #2E48A6;
} 
.course-45 .boxHeader span,
.course-45 .boxHeader h1,
.course-45 .IGTextBlock,
.course-45 .IGTextBlock h4,
.course-45 ol span,
.course-45 .circ span,
.course-45 .sectionname,
/*  */
.course-57 .boxHeader span,
.course-57 .boxHeader h1,
.course-57 .IGTextBlock,
.course-57 .IGTextBlock h4,
.course-57 ol span,
.course-57 .circ span,
.course-57 .sectionname {
  background-color: #2E48A6;
  color: #fff !important;
}

.course-46 .boxHeader span,
.course-46 .boxHeader h1,
.course-46 .IGTextBlock,
.course-46 .IGTextBlock h4,
.course-46 ol span,
.course-46 .circ span,
.course-46 .sectionname,
.course-46 .note,
/*  */
.course-58 .boxHeader span,
.course-58 .boxHeader h1,
.course-58 .IGTextBlock,
.course-58 .IGTextBlock h4,
.course-58 ol span,
.course-58 .circ span,
.course-58 .sectionname,
.course-58 .note {
  background-color: #f4f8ff;
  color: #2E48A6 !important;
}
.course-46 button,
.course-58 button {
  border-color: #72ADD1 !important;
  color: #2E48A6 !important;
  /* background-color: #fff; */
}
.course-46 .header-tools button,
.course-58 .header-tools button,
.course-67 .header-tools button,
.course-46 .fixed-bar button,
.course-58 .fixed-bar button,
.course-67 .fixed-bar button,
.course-46 .themereset,
.course-58 .themereset,
.course-67 .themereset {
  color: #fff !important;
}

.course-46 .header-tools button:hover,
.course-58 .header-tools button:hover,
.course-67 .header-tools button:hover,
.course-46 .themereset:hover,
.course-58 .themereset:hover,
.course-67 .themereset:hover {
  color: #fff;
  background-color: transparent !important;
}

.tnavheader_dark #main-navigation .main-menu>li>a, 
.tnavheader_dark #main-navigation .main-menu>li>button {
  color: #FFF !important;
}

.course-46 button:hover,
.course-46 button:focus,
.course-46 .transcriptButton:hover,
.course-46 .transcriptButton:focus,
/*  */
.course-58 button:hover,
.course-58 button:focus,
.course-58 .transcriptButton:hover,
.course-58 .transcriptButton:focus {
  background-color: #f4f8ff !important;
}

.course-45 blockquote > span,
.course-46 blockquote > span, 
.course-57 blockquote > span,
.course-58 blockquote > span,
.course-66 blockquote > span {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThinLightBlue.png);
}

.course-45 .boxHeader,
.course-66 .boxHeader,
.course-57 .boxHeader {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThickBlue.png);
}

.course-46 .boxHeader,
.course-58 .boxHeader {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThickLightBlue.png);
  background-color: #fff;
}

.course-46 .course-header {
  background-color: #2E48A6;
}

.course-header .course-heading {
  color: #fff !important;
}

.course-46 .sidebar-col .col-md-3 .order-1,
.course-58 .sidebar-col .col-md-3 .order-1 {
  max-width: 10rem;
}

.course-45 .video,
.course-57 .video,
.course-46 .video,
.course-58 .video {
  background: #fbf6fb;
  color: #6E298D;
}
.course-45 .video h2,
.course-45 .video h3,
.course-45 .video h4,
.course-45 .video h5,
.course-45 .video p,
.course-45 .video li,
.course-45 .video button,
.course-45 .video label,
.course-45 .video cite,
.course-45 .graph li,
.course-45 .graph h2,
.course-45 .graph h3,
.course-45 .graph h4,
.course-45 .graph h5,
.course-45 .graph p,
/*  */
/*  */
.course-57 .video h2,
.course-57 .video h3,
.course-57 .video h4,
.course-57 .video h5,
.course-57 .video p,
.course-57 .video li,
.course-57 .video button,
.course-57 .video label,
.course-57 .video cite,
.course-57 .graph li,
.course-57 .graph h2,
.course-57 .graph h3,
.course-57 .graph h4,
.course-57 .graph h5,
.course-57 .graph p
/*  */
.course-46 .video h2,
.course-46 .video h3,
.course-46 .video p,
/*  */
.course-58 .video h2,
.course-58 .video h3,
.course-58 .video p {
  color: #6E298D;
}

.course-45 .cta a,
.course-45 .flowButton,
.course-45 a,
.course-57 .cta a,
.course-57 .flowButton,
.course-57 a  {
  color: #005E67 !important;
}

.course-45 .flowButton:hover,
.course-45 .flowButton:focus,
/*  */
.course-66 .flowButton:hover,
.course-66 .flowButton:focus,
/*  */
.course-57 .flowButton:hover,
.course-57 .flowButton:focus  {
  background: #005E67;
  border: 2px solid #005E67;
  color: #fff !important;
}

.course-45 .cta a:hover,
.course-45 .cta a:focus,
/*  */
.course-66 .cta a:hover,
.course-66 .cta a:focus,
/*  */
.course-57 .cta a:hover,
.course-57 .cta a:focus {
  color: #fff !important;
}

.course-45 .endGlossary li,
.course-66 .endGlossary li,
.course-57 .endGlossary li {
  border-color: #72ADD1;
}

.course-45 .igBox,
.course-66 .igBox,
.course-57 .igBox {
  border-color: #007681 !important;
}
.course-45 .video .igBox,
.course-57 .video .igBox {
  border-color: #72ADD1 !important;
}

/* hide home top titlebar */
#sectionid-626-title,
#sectionid-665-title,
#sectionid-611-title,
#sectionid-778-title,
#sectionid-794-title,
#sectionid-581-title,
#sectionid-798-title,
.block_mb2reviews,
.course-45 #section-2,
.course-57 #section-2,
#sectionid-924-title,
#sectionid-936-title {
  display: none !important; 
}

/* change green to blue */
.course-45 .iconGrid img,
.course-45 .iconGridCols img,
.course-45 .igBox img,
.course-45 .boxHeader2 img,
.course-45 .iNote img,
/*  */
.course-66 .iconGrid img,
.course-66 .iconGridCols img,
.course-66 .igBox img,
.course-66 .boxHeader2 img,
.course-66 .iNote img,
/*  */
.course-46 .boxHeader2 img,
.course-46 .iconList img,
/*  */
.course-58 .boxHeader2 img,
.course-58 .iconList img,
/*  */
.course-57 .iconGrid img,
.course-57 .iconGridCols img,
.course-57 .igBox img,
.course-57 .boxHeader2 img,
.course-57 .iNote img {
  filter: hue-rotate(44deg);
}

/* except for CTA button icons */
.course-45 .CTA img,
.course-66 .CTA img,
.course-57 .CTA img,
.course-67 .CTA img {
  filter: hue-rotate(0);
}

.course-45 .boxHeader2,
.course-66 .boxHeader2,
.course-57 .boxHeader2,
.course-46 .boxHeader2,
.course-58 .boxHeader2 {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalFaintSky.png);
}

.course-45 .section-modules li a::after,
.course-57 .section-modules li a::after {
  content: "";
}

.highlight {
  /* border-style: none !important; */
  border: 3px dashed rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(255, 255, 255, 0.9);
  pointer-events: none;
}

/* interactive matching-cards */
.crd {
  border: 3px dashed #72ADD1;
  padding: .8rem 1.76rem;
  margin: .8rem 0;
  height: 100%;
  width: 100%;
  transition: .2s ease-in;
  cursor: pointer;
}

.crd:hover,
.crd:focus {
  border-style: solid;
}

#module-6008 {
  background: #f4f8ff;
  padding: 3rem 0 !important;
}

/* hide SW content in HP courses and vice versa */
.course-44 .SW,
.course-59 .SW,
.course-35 .SW,
.course-42 .HP, 
.course-56 .HP {
  display: none !important;
}

[role="textbox"] {
  min-height: 64px !important;
}

.py-3 [href*="#collapseAddForm"] {
  color: #fff !important;
}


/* RFLNC Adjustments */

.course-heading,
.course-header .course-categories-tree a {
  color: #fff;
}

.course-66 .theme-course-item-inner h4 a {
  color: #005aa9 !important;
  border-color: #005aa9 !important;
}
.course-66 h1,
.course-66 h2,
.course-66 h3,
.course-66 h4,
.course-66 h5,
.course-66 h6,
.course-66 .jost,
.course-66 .boxHeader span,
.course-66 .boxHeader h1,
.course-66 .IGTextBlock,
.course-66 .note,
.course-66 .iNote,
.course-66 .covid,
.course-66 .coursetoc-section-tite .title-text,
.course-66 .module-lesson,
.course-66 .covid,
.course-66 .instancename {
  color: #2E48A6;
} 

.course-66 .boxHeader span,
.course-66 .boxHeader h1,
.course-66 .IGTextBlock,
.course-66 .IGTextBlock h4,
.course-66 ol span,
.course-66 .circ span,
.course-66 .sectionname {
  background-color: #2E48A6 !important;
  color: #fff !important;
}

.course-66 #main-content {
  padding: 0;
}

.course-66.fsmod-wrap .content-col#region-main {
  padding: 0;
}




.course-66 .theme-coursenav.flexcols {
  margin: 0;
  padding-right: 1rem;
}

#page-mod-scorm-player #scormpage div.yui3-g-r {
  height: 82vh !important;
}

#page-mod-scorm-player #scormpage #scorm_object {
  max-height: 90vh;
  border: 1px solid #0a5aa994;
}

.course-67 #main-content {
  padding: 0;
}

.course-67.fsmod-wrap .content-col#region-main {
  padding: 0;
}





/* CACBT */

.course-67 h1,
.course-67 h2,
.course-67 h3,
.course-67 h4,
.course-67 h5,
.course-67 h6,
.course-67 .jost,
.course-67 .IGTextBlock,
.course-67 .note,
.course-67 .iNote,
.course-67 .covid {
  color: #842B32;
} 

.course-67 h2 {
  margin-bottom: 3rem;
}

.course-67 .boxHeader {
  background-image: url('https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesRed.png');
}

/* .course-67 h1 {
  margin-bottom: 4rem;
} */

.course-67 blockquote > span {
  background-image: url(https://moodlemedia.camhx.ca/Moodle6/assets/generic/diagonalLinesThinLightRed.png);
}

.context-25789 #master-header,
.context-25789 #page-header {
  background: #842B32;
}

@media only screen and (min-width: 768px) {
  .course-67.tnavheader_dark #master-header.sticky-el .master-header-inner {
    background: #7b282e;
  }  
}

.course-67 .instancename {
  color: #F1B434;
}

.course-67 .section li.activity {
  border-bottom: 1px solid #ffffff1f !important;
  padding: 2rem 0px !important;
  margin: 0 2rem !important;
  text-align: center;
}

/* .course-67 .breadcrumb-item a {
  color: #fff !important;
} */

.course-67 button,
.course-67 .CTA {
  border-color: #842B32 !important;
  color: #842B32 !important;
}

.course-67 button:hover,
.course-67 button:focus,
.course-67 .transcriptButton:hover,
.course-67 .transcriptButton:focus {
  background-color: #f4f8ff !important;
}

.course-67 .boxHeader span,
.course-67 .boxHeader h1,
.course-67 .CTA:hover,
.course-67 .CTA:focus
{
  background-color: #842B32 !important;
  color: #fff !important;
}

.course-67 .sectionname {
  background-color: transparent !important;
  color: #842B32 !important;
}

.course-67 .theme-footer {
  background-color: #7b272e
}

.course-67 .sectionname {
  text-align: center;
  letter-spacing: 2px;
  font-size: 1.8rem !important;
}

.course-67 .video {
  background: #f5eeee;
  color: #842B32;
}

.course-67 .IGTextBlock {
  background-color: #842B32;
}
.IGTextBlock h2,
.IGTextBlock h5 {
  color: #fff;
}

.course-67 .IGTextBlock span {
  background-color: #fff !important;
  color: #842B32;
}

.course-67 hr {
  border: 0px;
  border-top: 2px solid #F1B434;
  margin: 8rem 0;
}

.course-67 .header-tools.tools-pos2 .header-tools-link {
  color: #fff !important;
}


.course-67 .course-content ul li.section.main:first-of-type {
  border: 0px !important;
  padding: 0;
  margin: 0;
}

.course-67 .course-content ul li.section.main {
  border: 2px solid #F1B434 !important;
  padding: 2rem 0;
  margin: 2rem 0;
}

.course-67 .igBox {
  border: 2px solid #F1B434;
}


.manage-link:hover {
  background-color: inherit !important;
}

.disclosure ul {
  grid-template-columns: repeat(6, minmax(50px, 1fr));
  display: grid;
  gap: 0;
  margin: 4px 0;
  /* border-bottom: 1px solid #F1B434; */
}

.disclosure > ul:first-of-type {
  gap: 2px;
  border-bottom: none;
  margin: 0;
}

.disclosure > ul:first-of-type li {
  background: #842B32;
  color: #fff;
  padding: 1rem;
}

.disclosure li {
  align-content: center;
  border-right: 1px solid #842b32be;
  padding: 1rem;
  width: 100%;
  height: 100%;
  margin: 0;
}

.disclosure h6,
.disclosure p {
  padding: 0;
  margin: 0;
  letter-spacing: -.1px;
  hyphens: auto;
}

.disco p,
.disco li {
  font-size: 1rem;
  margin: .25rem 0;
}

.disco h4 {
  margin: 2rem 0 0 0;
}

.disclosure ul p {
  text-align: center;
  align-items: center;
}

.disclosure ul:first-of-type p,
.disclosure ul li:first-of-type p {
  text-align: start;
}

/* cacbt tweaks */
.course-67 .tgsdb_btn {
  background: #F1B434;
}

.course-67 .toggle-sidebar-nav {
  background: #842B32;
}

.completion-info .btn,
.course-67 .quizstartbuttondiv button {
  color: #fff !important;
  border: #fff !important;
}



/* red for cacbt */
/* .course-67 .iconGrid img,
.course-67 .iconGridCols img,
.course-67 .igBox img,
.course-67 .boxHeader2 img,
.course-67 .iNote img {
  filter: hue-rotate(175deg)saturate(1.4)
} */

.login-signup a {
  width: 100%;
  min-height: 2rem !important;
  padding: 1rem;
  margin: 1rem 0 0 0;
  font-size: 1.5rem;
  background: #6e298d;
  border-color: #592371;
}

.text-xs-center {
  display: none;
}

.course-67 #bottom {
  background: #fff;
  padding: 1rem 2rem;
}

/* temporary CBT things */

#main-header {
  background: #842B32;
}

#master-header.sticky-el {
  background: #842B32;
}

#master-header {
  background: #842B32;
}