/********** ADDITIONAL CSS ***************/
@import url(https://cainclusion.org/resources/canvas/css/icons.css); /* Additional Icons */
@import url(https://cainclusion.org/resources/canvas/css/catp-menu.css); /* Menu Styles */
@import url(https://cainclusion.org/resources/canvas/css/catp-t4t-p1.css); /* Trainer Institute Phase 1 */
@import url(https://cainclusion.org/resources/canvas/css/catp-t4t-p2.css); /* Trainer Institute Phase 2 */
@import url(https://cainclusion.org/resources/canvas/css/catp-pbc-p1.css); /* Coach Institute Phase 1 */
@import url(https://cainclusion.org/resources/canvas/css/catp-pbc-p2.css); /* Coach Institute Phase 2 */
@import url(https://cainclusion.org/resources/canvas/css/catp-ee.css); /* Early Elementary */
@import url(https://cainclusion.org/resources/canvas/css/catp-top.css); /* Top of the Pyramid */
@import url(https://cainclusion.org/resources/canvas/css/catp-leadership.css); /* Leadership Team */
@import url(https://cainclusion.org/resources/canvas/css/catp-fcc.css); /* FCC */

/********** TEACHING PYRAMID DEFAULTS ************/
/* CANVAS STUDEO DIMENSIONS ****************/
.lti-embed {width: 854px !important; height: 480px !important;}

/* HEADER STYLES *************************/
h1, h2, h3, h4, .h2, .h3, .h4, p, ul, ol {
	font-family: Roboto, Arial, sans-serif;
	color: #3a3a3a;
}
h1 {font-size: 32px !important; font-weight: bold !important; line-height: 38px !important; color: #333333 !important;}
h2 {font-size: 28px; font-weight: bold; line-height: 36px;}
h3 {font-size: 26px; font-weight: bold; line-height: 30px;}
h4 {font-size: 22px; font-weight: bold; line-height: 24px;}
p, ul, ol {font-size: 18px; font-weight: 400; line-height: 29px;}

.text-center {text-align: center;}
.text-right, .session-footer {text-align: right;}
.session-footer::after {content: url('https://cainclusion.org/resources/canvas/icons/color/next.png'); display: inline-block; padding-right:1rem;}

.session-video {text-align: center;}
.session-video iframe {border:1px solid #cacaca;}
.module-banner {}
.module-toc {padding-left: 40px;}
.toc {padding-left: 40px;}
.toc p::before {content: '\25B8\0B'; }
.toc ul {margin-top:-16px !important; margin-bottom: 16px !important; margin-left:40px !important;}


.narrow {
	max-width: 925px;
}



.ig-header .name {
    color: #ffffff;
    text-shadow: none;
    font-size: 18px;
    font-weight: bold;
}

.pill {
    display: inline-block;
    margin: 0;
    list-style: none;
    border-radius: 1em;
	background-color: #fff;
    border: 1px solid #FFF;
    box-shadow: 0 1px 0 #ccc;
}

.pill>li {
    float: left;
    padding: 0 10px;
	color: #3e3b7b;
    border-right: solid 1px rgba(0,0,0,0.25);
    font-size: 14px;
    font-size: .875rem;
}

.item-group-container {
	background: #ffffff;
}

.ig-title.module-item-title.ellipsis {
	color: #000 !important;
}

.publish-icon.publish-icon-published {
	color: #5A4A7A !important;
}

.context_module_item .type_icon i {
	color: #5A4A7A;
}

.ig-list .ig-row.ig-published:before {
	border-top: 1px solid #F15B25;
	background-color: #dfdfdf;
	border-bottom: 1px solid #F15B25;
}

.ig-list .ig-row.ig-published:not(.student-view):before {
	border-top: 1px solid #816aaf;
	background-color: #dfdfdf;
	border-bottom: 1px solid #816aaf;
}

/* DEFAULT CONDENSED MODULE */
.item-group-condensed .ig-header {
    margin-top: 15px;
    background-color: #3853A4; /* module bg - #816aaf BT purple */
    border: 1px solid #C7CDD1;
    padding: 8px 6px;
    color: aliceblue;
    position: relative;
    display: flex;
}

/* Module Colors */
/* yellow - EFFECTIVE WORKFORCE */
  .yellow {background-color: #ffde28 !important;} 
  .yellow:hover {background-color: #FFF7C9 !important;}

/* dblue - MODULE 1A */
  .dblue {background-color: #3953a4 !important; color: #ffffff !important;} 
  .dblue:hover {background-color: #CCD5E7 !important; color: #000000 !important;}

/* lblue - MODULE 1B */
  .lblue {background-color: #1c8bcc !important;} 
  .lblue:hover {background-color: #C6E1F2 !important;}

/* green - MODULE 2 */
  .green {background-color: #60bb46 !important;} 
  .green:hover {background-color: #D6EED0 !important;}

/* orange - MODULE 3A */
  .orange {background-color: #f6892f !important;} 
  .orange:hover {background-color: #FDE1CB !important;}

/* lorange OR golden - MODULE 3B */
  .lorange, .golden {background-color: #EFB120 !important;} 
  .lorange:hover, .golden:hover {background-color: #FDE1CB !important;}

/* purple - PORTFOLIOS, ETC*/
  .purple {background-color: #816aaf !important; color: #ffffff !important;} 
  .purple:hover {background-color: #a89dbf !important; color: #000000 !important;}
  
  .grey {background-color: #767676 !important; color: #fff !important;} /* grey */
  .grey:hover {background-color: #cacaca !important;  color: #000 !important;}

  .inactive, .inactive:hover {background-color: #cacaca !important; color: #535353 !important; cursor: default !important;}

/* FireFox Specific ***************************/
@supports (-moz-appearance:none) { 
 
/* TP Modules */
  .yellow {background-color: #ffde28 !important;} /* yellow */
  .yellow:hover {background-color: #FFF7C9 !important;}

  .dblue {background-color: #3953a4 !important;} /* dblue */
  .dblue:hover {background-color: #CCD5E7 !important;}

  .lblue {background-color: #1c8bcc !important;} /* lblue */
  .lblue:hover {background-color: #C6E1F2 !important;}

  .green {background-color: #60bb46 !important;} /* green */
  .green:hover {background-color: #D6EED0 !important;}

  .orange {background-color: #f6892f !important;} /* orange */
  .orange:hover {background-color: #FDE1CB !important;}

  .lorange {background-color: #EFB120 !important;} /* orange */
  .lorange:hover {background-color: #FDE1CB !important;}
  
  .grey {background-color: #767676 !important; color: #fff !important;} /* grey */
  .grey:hover {background-color: #949494 !important;  color: #fff !important;}
  
  .inactive, .inactive:hover {background-color: #cacaca !important; color: #535353 !important; cursor: default !important;}

}