/* #######################################GUIDED-LEARNING STYLE######################################################### */

.bannerBody {
		background-color: #fd940b;
		color: white;
	}
	
	.bannerText {
		padding-top: 1%;
    	padding-bottom: 2%;
	}
	
	.bannerText p {
		margin-left: 5%;
		margin-right: 5%;
	}

.guidedLearningDiv {
	padding-top: 5%;
}


/* .learningAnchorStyle a:hover {
	text-decoration: underline;
	color: #006684;
} */


	#parent_list {
		
	    border-bottom: 1px solid rgba(0,0,0,0.12);
	    border-top: 1px solid rgba(0,0,0,0.12);
	    height: 70px;
	}
	
	
	.child_list {
		padding: 7px;
		border-bottom: 1px solid rgba(0,0,0,0.12);
	}

.learningAnchorStyle a {
	color:#006684;
}

.learningAnchorStyle a:hover {
	color: #fd940b;
}
/* #######################################GUIDED-LEARNING INNER HTML STYLES######################################################### */


a {
	text-decoration: none;
}


.whatYujaaIs {
 	width:100%;
}

.subContainer {
    margin-bottom: 5%;
   }


.customcontainer {
	width: 60%;
	margin: 0 auto;
}


@media only screen and (max-width: 600px) {
	.videoClass {
		height:  225px;
		width: 100%;
	}
}

@media only screen and (min-width: 600px) and (max-width: 960px) {
	.videoClass {
		height: 240px;
	    width: 440px;
	    margin: 0 auto;
	}
}

@media only screen and (min-width: 960px) {
	.videoClass {
		height: 321px;
	    width: 560px;
	    margin: 0 auto;
	}
}


 #list-container {
 	padding-top: 10%;
 	width: 92%;
 }
 
 .video-container {
		background-color: #006684;
		padding: 5%;
	}