WP Course App CSS Options

WP Course App CSS Options

/* MENU CSS
----------------------------------------*/

/*change color of menu background*/
.side-nav {
    background-color: #121212;
}

/*change color of close button*/
.side-nav .closebtn {
    color: white;
}

/*change color of lecture titles*/
li.wpca-lecture-title {
    color: #ffffff;
}

/*change color of lecture titles when playing*/
li.wpca-lecture-title.playing {
	color: #cedbf9 !important;
}

/*color of tab that indicateds now playing*/
li.wpca-lecture-title.playing {
    border-left: 6px solid #ffffff;
}

/* STICKY FOOTER CSS
----------------------------------------*/

/*menu icon color*/
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: black;
}

/*footer font icon color. NOTE: this should be the same as the menu animation color*/
i.fas, i.fa {
    color: black;
}

/*color of footer text font*/
h5.f-text {
    color: black;
}

/*sticky footer background color*/
.wpca-sticy-bottom {
    background: #ffffff !important;
}


/* VIDEO CSS
----------------------------------------*/

/*this can be used to apply a video border*/
.video-container {
	/*change the color and sizing to anything you want*/
	background: #ffffff;
	padding: 10px;
	border-radius: 4px;
}

/* COURSE TEXT AREA
----------------------------------------*/

/*background of course text area*/
.course-text {
    background: #ffffff;
}

/*change color of course text area*/
.course-text {
    color: #121212;
}

/* SHADOW OPTIONS
----------------------------------------*/

/*removes shadow around video*/
.video-container {
    box-shadow: none;
}

/*removes shadow around course text area*/
.course-text{
  box-shadow: none;
}

/* MISC STYLING
----------------------------------------*/

/*body background color*/
.panel {
    background: #ffffff;
}

/*HTML OVERFLOW BACKGROUND COLOR*/
html {
	background: #101010 !important;
}