@font-face {
	font-family: moontime;
	src: url('../fonts/MoonTime-Regular.ttf') format('truetype'); 
	src: url('../fonts/MoonTime-Regular.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: specialelite;
	src: url('../fonts/SpecialElite-Regular.ttf') format('truetype'); 
}

.sc-title {
	font-family: moontime;
	color: lightbrown;
}

.sc-body {
	font-family: "Special Elite", system-ui;
	font-weight: 400;
	font-style: normal;
	/*font-family: specialelite; */
	color: darkbrown;
	font-size: 16px;
}


.sc-smear-title {
	font-family: "Special Elite", system-ui;
	font-weight: 400;
	font-style: normal;
	/*font-family: specialelite; */
	color: white;
	font-size: 24px;
	margin-left: 25px;
	padding-top: 7px;
}

.sc-smear-blue {
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/smearblue.png)	
}

.sc-smear-teal {
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/smearteal.png)	
}

.sc-smear-red {
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/smearred.png)
}

.sc-tape {
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/tape.png)
}

.sc-notes {
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/notes.png)	
}


.sc-peer-box {
	width:250px;
	height: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/forum.png)
}

.bg-home {
	max-height:100%;
	max-width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/bghome.jpg)
}

.bg-audio {
	max-height:100%;
	max-width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/audiobg.jpg)
}

.bg-exercise {
	max-height:100%;
	max-width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/exbg.jpg)
}

.bg-fbf {
	max-height:100%;
	max-width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/fbfbg.jpg)
}

.bg-journey {
	max-height:100%;
	max-width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/bgjourney.png)
}

.sc-l-welcome {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/welcome.png)}
.sc-l-1  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l1.png)}
.sc-l-2  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l2.png)}
.sc-l-3  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l3.png)}
.sc-l-4  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l4.png)}
.sc-l-5  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l5.png)}
.sc-l-6  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l6.png)}
.sc-l-7  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l7.png)}
.sc-l-8  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l8.png)}
.sc-l-9  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l9.png)}
.sc-l-10 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l10.png)}
.sc-l-11 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l11.png)}
.sc-l-12 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l12.png)}
.sc-l-13 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l13.png)}
.sc-l-14 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l14.png)}
.sc-l-15 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/l15.png)}

.sc-r-intro {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/introduction.png)}
.sc-r-1  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r1.png)}
.sc-r-2  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r2.png)}
.sc-r-3  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r3.png)}
.sc-r-4  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r4.png)}
.sc-r-5  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r5.png)}
.sc-r-6  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r6.png)}
.sc-r-7  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r7.png)}
.sc-r-8  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r8.png)}
.sc-r-9  {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r9.png)}
.sc-r-10 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r10.png)}
.sc-r-11 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r11.png)}
.sc-r-12 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r12.png)}
.sc-r-13 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r13.png)}
.sc-r-14 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r14.png)}
.sc-r-15 {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/r15.png)}

.sc-j-reminder {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/reminderbtn.png)}
.sc-j-meditation {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/medbtn.png)}
.sc-j-journal {width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;background-image: url(../images/journalbtn.png)}


#sc-listening-container::-webkit-scrollbar {height: 4px;background-color: lightgray;}
#sc-listening-container::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(104, 140, 240, 0.3);}
#sc-listening-container::-webkit-scrollbar-thumb {background-color: darkgray;}

#sc-reading-container::-webkit-scrollbar {height: 4px;background-color: lightgray;}
#sc-reading-container::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(104, 140, 240, 0.3);}
#sc-reading-container::-webkit-scrollbar-thumb {background-color: darkgray;}


.bg-lightblue {
	background-color:#D4E2ED;
	}
.fg-lightblue {
	color:#D4E2ED;
	}

.bg-tan {
	background-color:#A4917D;
	}
.fg-tan {
	color:#A4917D;
	}

.bg-gray {
	background-color:#919180;
	}
.fg-gray {
	color:#919180;
	}


.bg-deepred {
	background-color: #92362A;
	}
.fg-deepred {
	color: #92362A;
	}


.bg-purple {
	background-color:#6A6673;
	}
.fg-purple {
	color:#6A6673;
	}

.bg-lavendar {
	background-color:#59495D;
	}
.fg-lavendar {
	color:#59495D;
	}

.bg-navy {
	background-color:#393F4E;
	}
.fg-navy {
	color:#393F4E;
	}

.bg-olive {
	background-color:#0E7C5F;
	}
.fg-olive {
	color:#0E7C5F;
	}

.bg-brown {
	background-color:#544634;
	}
.fg-brown {
	color:#544634;
	}
	
.bg-charcoal {
	background-color:#494C4D;
	}
.fg-charcoal {
	color:#494C4D;
	}

.bg-black {
	background-color:#1C1E1F;
	}
.fg-black {
	color:#1C1E1F;
	}

.bg-white {
	background-color:#ffffff;
	}
.fg-white {
	color:#ffffff;
	}
	
.fg-orange {
	color: #ff9C00;
	}
.bg-orange {
	background-color: #ff9C00;
	}

.fg-aqua {
	color: #006EAB;
	}
.bg-aqua {
	background-color: #006EAB;
	}

.sc-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: lightgray;
    color: white;
    text-align: center;
}

.checkbox-round {
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 2px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.checkbox-round:checked {
    background-color: #000080;
}

.align-items-center {
  display: flex; 
  align-items: center;  /*Aligns vertically center */
  justify-content: center; /*Aligns horizontally center */
}

.blinkem {
  animation: blinker 1s linear infinite;
  color:red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}