/********** DEFAULTS ************/

/*h2, h3, h4, .h2, .h3, .h4 {
    color: #706E72;
    font-weight: 600;
}*/
h2, h3, h4, .h2, .h3, .h4, p, ul, ol {
	font-family: Roboto, Arial, sans-serif;
	color: #3a3a3a;
}
h2 {font-size: 32px; font-weight: 500; line-height: 38px;}
h3 {font-size: 29px; font-weight: 700; line-height: 34px;}
h4 {font-size: 24px; font-weight: 700; line-height: 24px;}
p, ul, ol {font-size: 18px; font-weight: 400; line-height: 29px;}

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

/************* ICONS ***************/
.bookIcon {
	background: url(https://cainclusion.org/resources/canvas/bookIcon.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;
}
/* TRAINING MODULE HEADERS */
/* 0 - yellow */ 
#context_module_7506897 .ig-header, #context_module_7502817 .ig-header
{background-color: #ffde28;
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 */
#context_module_7436172 .ig-header 
{background-color: #f6892f;}
/* 3b - orange*/
#context_module_7436173 .ig-header
{background-color: #f6892f;}

/* COACHING MODULE HEADERS */
/* Module A - Green */
#context_module_7427065 .ig-header 
{background-color: #45A841;}
/* Module B - Orange */
#context_module_7436082 .ig-header 
{background-color: #E06D02;}
/* Module C - Yellow */
#context_module_7436083 .ig-header 
{background-color: #EFB120;}
/* Module D - Blue */
#context_module_7436132 .ig-header 
{background-color: #2B5CAE;}
/* Portfolio Submissions - Grey? */
#context_module_7436133 .ig-header
{background-color: #6D6E70;}

.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 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: 50%; /* 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;}


.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: 75%; /* 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;}


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