/********** ADDITIONAL CSS ***************/
@import url(https://cainclusion.org/resources/canvas/css/icons.css); /* Additional Icons */
@import url(https://cainclusion.org/resources/canvas/css/tables.css); /* tables */


/********** TEACHING PYRAMID DEFAULTS ************/

/*h2, h3, h4, .h2, .h3, .h4 {
    color: #706E72;
    font-weight: 600;
}*/
/* 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: 700 !important; line-height: 38px !important; color: #333333 !important;}
h2 {font-size: 28px; font-weight: 600; line-height: 36px;}
h3 {font-size: 26px; font-weight: 500; line-height: 30px;}
h4 {font-size: 22px; font-weight: 500; line-height: 24px;}
p, ul, ol {font-size: 18px; font-weight: 400; line-height: 29px;}

.text-center {text-align: center;}

.session-video iframe {border:1px solid #cacaca;}
.module-banner {}
.module-toc {padding-left: 40px;}


/************* iconWrapper ***************/
.iconWrapper .iconDescription p.title {font-size: 26px; font-weight: 500; line-height: 30px; padding: 0; margin: 0 0 5px 15px;}


/************* ICONS ***************/
.bookIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/bookIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.downloadIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/downloadIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.chatIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/chatIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.uploadvideoIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/uploadvideoIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.recordIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/recordIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.uploadIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/uploadIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.prepareIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/prepareIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.creditIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/creditIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.contactIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/contactIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.timeIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/timeIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.materialsIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/materialsIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.checkIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/checkIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.calendarIcon {
	background: url(https://cainclusion.org/resources/canvas/icons/calendarIcon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}


.narrow {
	max-width: 925px;
}
/** Home: BT Module Buttons **/
.mod-week {font-size: 22px; font-weight: 600; margin: 0; line-height: 0.8;}
.mbtn-text {background-color: rgba(129,107,175,0.7); display: block; color: white !important; font-size: 18px !important; font-family: sans-serif !important;}
.mbtn:hover > .mbtn-text {color: transparent !important; background-color: transparent !important;}
.mbtn {background-position: center; background-repeat: no-repeat; background-size: cover;}
/** background-image **/
.m0 { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod0-overlay.png"); }
.m1 { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod1-overlay.png"); }
.m2 { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod2-overlay.png"); }
.m3 { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod3-overlay.png"); }
.m4 { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod4-overlay.png"); }
/** background-image on hover **/
.m0:hover { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod0.png"); }
.m1:hover { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod1.png"); }
.m2:hover { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod2.png"); }
.m3:hover { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod3.png"); }
.m4:hover { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod4.png"); }
/** Inactive "-off" **/
.mbtn-text-off {background-color: rgba(255,255,255,0.1); display: block; color: white !important; font-size: 20px !important; font-size: 18px !important; font-family: sans-serif !important;}
.m2-off { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod2-bw.png"); }
.m3-off { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod3-bw.png"); }
.m4-off { background-image: url("https://cainclusion.org/resources/bt/images/bti/2021/buttons/mod4-bw.png"); }

/****************** MODULE LIST ******************/

.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;
}
/* T4T Phase 1 */
/* 0 - yellow */ 
#context_module_7506897 .ig-header 
{background-color: #ffde28;}
#context_module_7506897 .ig-header .name 
{color: #535353 !important;}
/* 1a - dark blue */
#context_module_7436169 .ig-header 
{background-color: #3953a4;}
/* 1b - light blue */
#context_module_7436170 .ig-header 
{background-color: #1c88cc;}
/* 2 - green */
#context_module_7436171 .ig-header 
{background-color: #60BB46;}
/* 3a - orange PRESCHOOL */
#context_module_7436172 .ig-header 
{background-color: #f6892f;}
/* 3a - orange INFANT/TODDLER */
#context_module_7813313 .ig-header 
{background-color: #f6892f;}
/* 3b - orange*/
#context_module_7436173 .ig-header
{background-color: #f6892f;}
/* Portfolio Submissions - Purple */
#context_module_7502817 .ig-header
{background-color: #816aaf;}
#context_module_7502817 .ig-header .name 
{color: #FFFFFF !important;}

/* T4T Phase 2 */
/* 1a - dark blue */ 
#context_module_7586356 .ig-header
{background-color: #3953a4;}
/* 1b - light blue */
#context_module_7586357 .ig-header 
{background-color: #1c8bcc;}
/* 2 - green */
#context_module_7586358 .ig-header 
{background-color: #60bb46;}
/* 3a - golden */
#context_module_7586359 .ig-header 
{background-color: #EFB120;}
/* 3b - orange */
#context_module_7586360 .ig-header 
{background-color: #f6892f;}
/* Portfolio Submissions - Purple */
#context_module_7586361 .ig-header
{background-color: #816aaf;}
#context_module_7586361 .ig-header .name 
{color: #FFFFFF !important;}

/* TP4EE */
/* 1a - dark blue */ 
#context_module_7771688 .ig-header
{background-color: #3953a4;}
/* 1b - light blue */
#context_module_7771689 .ig-header 
{background-color: #1c8bcc;}
/* 2 - green */
#context_module_7771690 .ig-header 
{background-color: #60bb46;}
/* 3a - golden */
#context_module_7771691 .ig-header 
{background-color: #EFB120;}
/* 3b - orange */
#context_module_7771692 .ig-header 
{background-color: #f6892f;}
/* Reflective Practice Cadres - YELLOW */
#context_module_7876739 .ig-header
{background-color: #ffde28;}
#context_module_7876739 .ig-header .name 
{color: #000000 !important;}

/* PBC Phase 1 Modules */
/* Module A - Green */
#context_module_7427065 .ig-header,
#context_module_7737353 .ig-header,
#context_module_7947855 .ig-header /* May 2022 */ 
	{background-color: #45A841;}
/* Module B - Orange */
#context_module_7436082 .ig-header,
#context_module_7737354 .ig-header,
#context_module_7947856 .ig-header /* May 2022 */
	{background-color: #E06D02;}
/* Module C - Golden */
#context_module_7436083 .ig-header,
#context_module_7737355 .ig-header,
#context_module_7947857 .ig-header /* May 2022 */
	{background-color: #EFB120;}
#context_module_7436083 .ig-header .name,
#context_module_7737355 .ig-header .name,
#context_module_7947857 .ig-header .name /* May 2022 */
	{color: #535353 !important;}	
/* Module D - Blue */
#context_module_7436132 .ig-header,
#context_module_7737356 .ig-header,
#context_module_7947858 .ig-header /* May 2022 */
	{background-color: #2B5CAE;}
/* Portfolio Submissions - Yellow */
#context_module_7436133 .ig-header,
#context_module_7737357 .ig-header,
#context_module_7947859 .ig-header /* May 2022 */
	{background-color: #ffde28;}
#context_module_7436133 .ig-header .name,
#context_module_7737357 .ig-header .name,
#context_module_7947859 .ig-header .name /* May 2022 */ 
	{color: #535353 !important;}	

/* PBC Phase 2 Modules */
/* Session 1 - Yellow */
#context_module_7586317 .ig-header 
{background-color: #ffde28;}
#context_module_7586317 .ig-header .name {color: #000000 !important;}
/* Session 2 - DBlue */
#context_module_7586318 .ig-header 
{background-color: #3953a4;}
#context_module_7586318 .ig-header .name {color: #FFFFFF !important;}
/* Session 3 - LBlue */
#context_module_7591283 .ig-header 
{background-color: #1c8bcc;}
#context_module_7591283 .ig-header .name {color: #000000 !important;}
/* Session 4 - Green */
#context_module_7591284 .ig-header 
{background-color: #60bb46;}
#context_module_7591284 .ig-header .name {color: #000000 !important;}
/* Session 5 - Golden */
#context_module_7591285 .ig-header
{background-color: #EFB120;}
#context_module_7591285 .ig-header .name {color: #000000 !important;}
/* Session 6 - Orange */
#context_module_7591286 .ig-header 
{background-color: #f6892f;}
#context_module_7591286 .ig-header .name {color: #000000 !important;}
/* Session 7 - Purple */
#context_module_7586321 .ig-header
{background-color: #816aaf;}
#context_module_7586321 .ig-header .name {color: #FFFFFF !important;}

/* Leadership Team */
/* A - dark blue */
#context_module_7762255 .ig-header 
{background-color: #3953a4;}
/* B - light blue */
#context_module_7786124 .ig-header 
{background-color: #1c88cc;}
/* C - green */
#context_module_7786125 .ig-header 
{background-color: #60BB46;}
/* D - golden */
#context_module_7786126 .ig-header 
{background-color: #EFB120;}
/* E - orange */
#context_module_7786127 .ig-header 
{background-color: #f6892f;}
/* F - yellow */
#context_module_7786128 .ig-header 
{background-color: #ffde28;}
#context_module_7786128 .ig-header .name 
{color: #535353 !important;}



.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;
}

/************* ICONS **********************/


.iconWrapper {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 15px 0;
}

.journalIcon {
	background: url(https://lms.wested.org/Inclusion/Canvas/Images/journal_icon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.tryIcon {
	background: url(https://lms.wested.org/Inclusion/Canvas/Images/tryitout_icon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.lookIcon {
	background: url(https://lms.wested.org/Inclusion/Canvas/Images/lookfor_icon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.questionIcon {
	background: url(https://lms.wested.org/Inclusion/Canvas/Images/question_icon.png) no-repeat;
	background-size: 75px;
	height: 75px;
	min-width: 75px;
}

.iconDescription {
	max-width: 925px;
}

/*
#content .iconDescription h3 {
	padding: 0 0 0 0;
	margin: 0 0 5px 15px;
}
*/

.iconDescription p {
	padding:0 0 0 15px;
}

.pbc-green {color: #45A841 !important;}

/* ------------ NEW BUTTONS CSS ONLY ------------------- */

.mbtnWrapper {
	display: block;
	width: 720px;
	height: 170px;
	text-align: center;
    margin: -40px;
}

@media screen and (max-width: 1000px) {

  .mbtnWrapper {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .mbtnWrapper .mbtn {
    display: block;
    width: 90%;
    margin: 10px 0;
  }

  .mbtnWrapper .mrbtn {
    display: block;
    width: 90%;
    margin: 10px 0;
  }

}

.mbtn {
  background-color: #fff;
  border: none;
  color: #816aaf;
  padding: 20px 15px 0px 15px;
  text-align: center;
  font-size: 16px;
  transition: 0.3s;
  width: 230px;
  height: 85px;
  margin: 0 20px 0 0;
  border: 5px solid #816aaf;
  border-radius: 8px;
  line-height: 1.2;
  display: inline-table;
  text-decoration: none !important;
}

.mbtn:hover {
  background-color: #816aaf;
  color: white;

}

a.mbtn.off { color: #ddd; border: 5px solid #ddd; }
a.mbtn.off:hover {color: #ddd; background-color: #fff; cursor: default !important;}

/** TP T4T CBC P1 Home menu buttons ***************************************/
.btn-group {width: 95%; text-align: center;}
.btn-group a {
  background-color: #303030; /* dark grey background */
  border: 1px solid #3d3d3d; /* dark grey border */
  color: #000; /* text */
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  width: 100%; /* Set a width if needed */
  display: block; /* Make the buttons appear below each other */
  text-decoration: none !important;
  text-align: center;
}

.btn-group a:not(:last-child) {
  margin-bottom: 0.25rem;
}

/* 2-column buttons */
.btn-group a.btn-2col {width: 40%; display: inline-block;}


/* Add a background color on hover */
.btn-group a:hover {
  background-color: #5e5e5e;
}
  
/* Module Colors */
  .yellow {background-color: #ffde28 !important;} /* yellow */
  .yellow:hover {background-color: #FFF7C9 !important;}

  .dblue {background-color: #3953a4 !important; color: #ffffff !important;} /* dblue */
  .dblue:hover {background-color: #CCD5E7 !important; color: #000000 !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, .golden {background-color: #EFB120 !important;} /* lorange OR golden */
  .lorange:hover, .golden:hover {background-color: #FDE1CB !important;}

  .purple {background-color: #816aaf !important; color: #ffffff !important;} /* purple */
  .purple:hover {background-color: #a89dbf !important; color: #000000 !important}


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


/* FF Specific ***************************/
@supports (-moz-appearance:none) { 
  .btn-group a {
  background-color: #303030; /* dark grey background */
  border: 1px solid #3d3d3d; /* dark grey border */
  color: #000; /* text */
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  width: 95%; /* Set a width if needed */
  display: block; /* Make the buttons appear below each other */
  text-decoration: none !important;
  text-align: center;
}

.btn-group a:not(:last-child) {
  margin-bottom: 0.25rem;
}

/* Add a background color on hover */
.btn-group a:hover {
  background-color: #5e5e5e;
}
  
/* 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;}
}

/* Phase 2 Accordion */
/* SOURCE: https://stackoverflow.com/questions/39702815/javascript-select-next-sibling-of-an-element-and-change-its-class-by-click-wit */
.modules-tab-wrapper {width: 80% !important; margin-bottom: 1rem;}
.modules-tab-wrapper:first-child.mod-tab {margin-top: 0;}
.modules-tab-content {display: none;}
.modules-tab-content.reveal {display: block;}

.modules-tab-content table {width: 100%; display: table;}
.modules-tab-content table td {padding: 12px 6px 12px 10px !important;}
.modules-tab-content .modules-table tr:first-child td {border-top:none !important;}

.modules-tab {cursor: pointer; display: block; font-size: 18px; font-weight: bold; line-height: 29px; box-sizing: border-box; padding: 12px 6px 12px 10px;border: 1px solid #cacaca;}

.modules-tab-content .table-icon  {width: 30px;  text-align: center;}
.modules-tab-content .table-session {font-size: 18px; font-weight: bold; line-height: 29px; margin-bottom: 3px; box-sizing: border-box; padding: 12px 6px 12px 10px;}
.modules-tab-content .table-session a {color: #333333; text-decoration: none !important;}
.modules-tab-content .table-session  a:hover {text-decoration: underline;}