@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* CSS Document */
.table-equal-columns td {
    text-align: left!important;
}
.btn-group > .btn-check {
  margin-right: 0px!important;
	margin-left:0px!important;
}

.btn-group > .btn-check:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-check:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.accordion-button {
  background-color: white;
  color: black;
}
.accordion-button.collapsed {
  background-color: white;
}
.accordion-button.collapsed .caret {
 background-color: #91268F;
  color: white;	
}
.accordion-button .caret {
  transition: transform 0.3s ease;
	background-color:#91268F;
}
.accordion-button:not(.collapsed) {
	background-color:white;
	color:black!important;
}
.accordion-button:focus { 
	border-color:transparent!important;
	border:none!important;
}
.accordion-button.collapsed .caret {
  transform: rotate(0deg);
}

.accordion-button:not(.collapsed) .caret {
  transform: rotate(180deg);
}
.accordion-item{
	border:none!important;
}

.tip-7::after{
	background-color: #91268F!important;
}
.accordion-button {
  background-color: white;
  color: black;
}

.tip-accordion .accordion-button.collapsed {
  background-color: white;
}

.tip-accordion .accordion-button.collapsed .caret {
 background-color: #91268F;
  color: white;	
}
.tip-accordion .accordion-button .caret {
  transition: transform 0.3s ease;
	background-color:#91268F;
}
.tip-accordion .accordion-button.collapsed .caret {
  transform: rotate(0deg);
}
.tip-accordion .accordion-button:not(.collapsed) .caret {
  transform: rotate(180deg);
}
.accordion-button::after {
	background-image:url("../../img/caret.svg")
}
.accordion-button::after {
	background-image:url("../../img/caret.svg")
}
.accordion-button:not(.collapsed)::after {
	background-image:url("../../img/caret.svg")
}
.tip-accordion .accordion-button:not(.collapsed) {
	background-color:white;
	color:white!important;
}

.tip-accordion .accordion-button:focus { 
	border-color:transparent!important;
	border:none!important;
}

.tip-accordion .accordion-item{
	border:none!important;
}
.extensionAccordion .accordion-header {
  background-color: #c2b290;
  color: #fff;
  border: none;
  border-radius: 0;
}
.extensionAccordion{
	border-color:#c2b290!important;
	border-width:medium!important;
	border-style:solid!important;
}
.extensionAccordion .accordion-button::after {
  content: none;
}

.extensionAccordion .accordion-button {
  width: 100%;
  text-align: left;
  padding-right: 1.5rem;
}




.extensionAccordion .accordion-symbol {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-weight: bold;
  font-size:1.5em;
}
.footer{
	background-color:#414141;
	height:125px;
}
.accordion-symbol{
  padding-right:10px;
	font-size:2em;	
}
.accordion-button::after {
	background-color:#99cd56;
	color:white!important;
}

.accordion-button:focus {
  outline: none!important;
	 box-shadow: none!important;
}

.accordion-header:focus {
  outline: none !important;
	 box-shadow: none!important;
}


.extensionAccordion .accordion-button:not(.collapsed) .accordion-symbol:before {
  padding-right:10px;
	font-size:2em;
	content: "-";
}
.extensionAccordion .accordion-button.collapsed .accordion-symbol:before {
  padding-right:10px;
	font-size:2em;
	content: "+";
}
.navbar-toggler{
	min-width:40px!important;
}

.extensionAccordion .accordion-button{
	  background-color: #c2b290;
 border-style: solid;

}
/*  .extensionAccordion .accordion-button:not(.collapsed) .accordion-symbol:before {
    content: "+";
  }*/

.extensionAccordion .accordion-body {
  border-top: none;
  border-bottom: none;
}

.bi-book{
    top: -15px;
    left: -15px;
    background-color:white;
}
.bi-life-preserver {
    top: -15px;
    left: -15px;
}
.bi bi-mic-fill {
    top: -15px;
    left: -15px;
}
.border-show {
    border-color: lightgray;
}
.btn-check:focus+.btn, .btn:focus {
    box-shadow:none!important;
}


body {
    padding-top: 20px;   /* Height of the navbar */
    
	font-family: 'Open Sans', sans-serif;
}
button{
    min-width: 150px;
}
.card {
    display: flex;
    flex-direction: column;
	margin-bottom:20px;
	border:none!important;
}
.card img{
	height:70px;
}
.card-body {
    flex: 1 1 auto;
}
.card-header-lg{
	background-color:#91268F;
	color:white;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;


}
.card-header-exp{
	background-color:#8CC740;
	color:black;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;

}
.card-header-sc{
	background-color:#414141;
	color:white;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;

}
.card-header-mats{
	background-color:#FCB017;
	color:black;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;

}
.carousel .carousel-control-next {
    right: -120px;
}
.carousel .carousel-control-prev {
    left: -120px;
}
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    filter: invert(100%);
}
.carousel-control-prev,
.carousel-control-next {
    width: 30px!important;
    background-color: transparent;
    opacity: 0.1;
    transition: background-color 0.3s ease-in-out;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: lightgray;
}
.carousel-item {
    height: auto;
}
.carousel-item iframe {
    height: 100%;
    width: 100%;
}
.container{
   max-width:996px!important;
	padding-right:0px!important;
	padding-left:0px!important;
}
.container-fluid{
	max-width:1600!important;
}
.corner-icon {
    position: absolute;
    top: -30px;
    left: -30px;
    background-color:white;
}
/*.container{
	max-width:950px!important;
}*/
.custom-button {
    display: inline-block;
    background-color: #E8E8E8;
    border: 2px solid lightgray;
    position: relative;
    top:-20px;
    left:-15px;
    margin-top:20px;
	width:100%!important;
	margin-top:30px;
}
.custom-navbar {
    background-color: #414141;
	min-height:70px;
	padding-top:20px;
}
h1 {
    font-weight: 700;
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
h2{
	font-weight: 700;
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
h3{
	font-weight: 700;
	font-size: 30px;
	line-height:30px;
	font-family: 'Open Sans', sans-serif;
}
h4{
	font-weight: 700;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
p{
	font-size:20px;
	line-height:30px;
	weight:400;
}
p.large {
  	font-size: 30px; 
	line-height:40px;
	font-weight:700;
}
p.small {
  	font-size: 18px; 
	line-height:24px;
	font-weight:700;
	color: white;
}
.navigationElements{
  display: flex;
  align-items: center;
  justify-content: center;
	text-align:center;
}
li{
	font-size:20px;
	line-height:30px;
	weight:400;	
}
.h3 {
    position: relative;
}
.h3::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #414141;
}
.help-button{
    width: 100px;
}
.help-div {
    border: 2px dashed lightgray;
    position: relative;
    padding: 10px;  
}
.dotted-border {
  border: 4px dashed #707070!important; /* Medium thickness dotted dark grey border */
}
hr {
  border: none;
  height: 1.5px!important;
  /* Set the hr color */
  color: black;  /* old IE */
  background-color: black;  /* Modern Browsers */
  opacity:1;
}
.lesson-part {
   /* border: 1px solid lightgray;*/
    position: relative;
    padding: 10px; 
	/*margin-top:40px;*/
}
.modal-body {
    background-color: #fff;
}
.modal-footer {
    background-color: #e8e8e8;
    border-top: none;
    color:black;
}
.modal-header {
    background-color: #e8e8e8;
    border-bottom: none;
    color:black;
}
@media (min-width: 576px){
	.modal-dialog {
		max-width: 85%!important;
		margin: 1.75rem auto;
	}
}
.btn-group > .btn {
  margin-right: 0!important;
}
.modal-header h5{
	font-weight: 800;
	
}
.moduleName{
	margin-top:30px;
}
.moduleTitle{
	color:black;
	background-color: #EBE7DB;
	height:100px;
	padding-top:30px;  
	
}
.moduleTitle7{
	color:black;
	height:100px;
	padding-top:30px; 
	background-color:#EBE7DB;
}
.moduleTitle_edu{
	color:white;
	height:100px;
	padding-top:30px; 
	background-color:#986828;
}

.top-header{
	width:100%!important;
}
.submoduleTitle{
	color:black;
	 background-color: rgba(140, 199, 64, 0.1);
	padding:0px 0px 20px 0px;
}
.submoduleTitle7{
	color:black;
	 background-color: rgba(0, 178, 227, 0.1);
	padding:0px 0px 20px 0px;
}
.rotate {
    transition: all 0.6s ease;
    transform: rotate(0deg);
    background-color:white;
}
.rotate-45 {
    transform: rotate(45deg);
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.section-header{
	margin-bottom:40px;
	padding-left:0px!important;
	padding-right:0px!important;
}
.overlay-container {
  position: relative;
	top:-100px;

}
.section-header img{
	width:100%!important;
}
.speech-corner-icon {
    position: absolute;
    top: -20px;
    left: -15px;
    background-color:white;
}
.timeSVG{
	height: 40px;
	width: 40px;
}
.timeBlock{
	text-align:right;
}
.teacher-card{
	border-top:0.60em solid #99cd56!important;	
}
.reflection-card{
	border-top:0.60em solid #ed037d!important;	
}
.reflection-prompt{
	background-color: rgba(237, 3, 125, 0.05);
}
.reflection-img{
	fill: #ed037d;
}
.student-card{
	border-top:0.60em solid #00B2E3!important;	
}
.student-prompt{
	background-color: rgba(0, 178, 227, 0.05);
}
.connection-card{
	border-top:0.60em solid #FCB017!important;	
}
.connection-prompt{
	background-color: rgba(252, 176, 23, 0.05);
}
.bright-card{
	border-top:0.60em solid #47A6A3!important;	
}
.bright-prompt{
	background-color: rgba(71, 166, 163, 0.05);
}
.key-card{
	border-top:0.60em solid #ed1b24!important;	
}
.key-prompt{
	background-color: rgba(237, 27, 36, 0.1);
}.timeText{
	font-weight:600;
}
.tryIt-card{
	margin-top:20px;
	border-top:0.60em solid #91268F!important;	
}
.tryIt-prompt{
	background-color: rgba(145, 38, 143, 0.05);
}
    .table-equal-columns {
      width: 100%;
      table-layout: fixed;
    }

    .table-equal-columns th,
    .table-equal-columns td {
      width: 33.33%;
      padding: 8px;
      text-align: center;
    }
.instruction-card{
	
}
.instruction-number{
  width:60px;
  height: 60px;
  border-radius: 50%;
	margin-top:15px;
  background-color: #99cd56;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 30px;
  font-weight: 700;
}
.instruction-number-7{
  width:60px;
  height: 60px;
  border-radius: 50%;
	margin-top:15px;
  background-color: #91268F;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 34px;
  font-weight: 700;
}
.instruction-number-e{
  width:40px;
  height: 40px;
  border-radius: 50%;
	margin-top:15px;
  background-color: #FCB017;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-size: 20px;
  font-weight: 700;
}
.instruction{
	background-color:white;
}
.teacher-prompt{
	background-color: rgba(140, 199, 64, 0.1);
}
.check-in-row{
	border-bottom: thin solid #E8E8E8;
	margin-top:10px;
	padding-bottom:20px;
}
.final-row{
	border-bottom: medium solid black;
	/*height:100px!important;*/
	margin-bottom:10px;
	
	background-color: rgba(140, 199, 64, 0.1);
	display: flex;
  align-items: center;
  justify-content: center;
  /*height: 8vh; /* Adjust the height as needed */*/
}
.final-row p{
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	margin-top:0px!important;
	margin-bottom:0px!important;
}
.consolidation-prompt{
	padding:0px!important;
}
.text-container {
  display: flex;
  flex-direction: column;
}
.instruction-text{
	font-size:20px;
	line-height:30px;
	weight:700;
	}
@media (max-width: 769px){
	.card img{
		height:40px;
		width:40px;
		position:relative;
		float: right;
	}

	.timeBlock{
	text-align:left;
	margin-bottom: 30px!important;
}
.text-container {
    flex-direction: row;
	margin-bottom:25px;
}
.instruction-text, .instruction-number, .instruction-number-7{
	display:inline;
}
.instruction-text{
	font-size:20px;
	line-height:30px;
	weight:700;
	}
.container, .container-md, .container-sm {
     max-width: 90%!important; 
}
h1 {
    font-weight: 700;
	font-size:50px;
	line-height:50px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
h2{
	font-weight: 700;
	font-size:40px;
	line-height:50px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
h3{
	font-weight: 700;
	font-size:30px;
	line-height:40px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
h4{
	font-weight: 700;
	font-size:24px;
	line-height:34px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
p.large {
  	font-size: 24px; 
	line-height:34px;
	font-weight:700;
	font-weight: bold;
}
.instruction-number{
  margin-left:10px;
  margin-top:-2px;
  width:30px;
  height: 30px;
  border-radius: 50%;
  background-color: #99cd56;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 24px;
  font-weight: 700;
}

.instruction-number-7{
  margin-left:10px;
  margin-top:-2px;
  width:30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 24px;
  font-weight: 700;
}
.instruction-break{
display:none;
}
}

.blockquote {
  position: relative;
  padding: 1rem;
  border-radius: 4px;
  border-left: 4px solid #FCB017; /* Change the color as desired */
}

.blockquote p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.blockquote-footer {
	padding-left:20px;
  font-weight: bold;
}
.left_bar{
	  border-left: 2px solid #000000; /* Change the color as desired */
}