/*menu*/
.megasubmenu{ padding: 20px; }

@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
		border-right: 0;
		border-bottom: .3em solid transparent;
		border-left: .3em solid;
	}
	.dropdown-menu{
		margin:0;
	}
	.megasubmenu{
		left:100%; top:0; min-height: 100%; min-width:500px;
	}
	.dropdown-menu > li:hover .megasubmenu{
		display: block;
	}
}

@media (min-width: 992px) {

	a, a:hover{
		text-decoration:none;
	}
	a:hover{
		color: #3e2372 !important;
	}

	#course_intro_btn, #course_explore_btn {
		color: #fff;
	}

	#course_intro_btn:hover, #course_explore_btn:hover {
		color: #fff !important;
	}
}

.megasubmenu {
	min-width: 200px;
}

.navbar-light .navbar-nav .nav-link {
	color: #337ab7 !important;
	text-decoration: none;
}
/* Lynn added 0606 */
#course_intro_btn, #course_explore_btn {
	color: #fff;
	background: #4cadc9;
	box-shadow: 0 5px 0 #6195a4;
	top: 0px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
	line-height: 24px;
	font-weight: 700;
}
#course_intro_btn:hover, #course_explore_btn:hover {
	box-shadow: 0 1px 0 #338faa;
	top: 4px;
}
.btn-primary {
	border-color: #4cadc9 !important;
}
.bg-white {
	height: 67px;
}
@media screen and (max-width: 768px){
	.bg-white {
		height: auto;
	}
	#course_search {
		display: none;
	}
}
#carouselExampleSlidesOnly, .jumbotron{
	margin-top: -30px !important;
}
.navbar-light .navbar-nav .nav-link {
	color: #6195a4 !important;
}

.dropdown-item > i.fas {
	color: #4cadc9 !important;
}
.dropdown-item > i.fas:hover {
	color: #fff !important;
}
.dropdown-menu .dropdown-toggle:after {
	color: #6195a4 !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	background-color: #fefefe;
}
.list-unstyled li{
	padding: 5px;
}
.list-unstyled li a{
	color: #333333;
}
.dropdown-menu {
	font-size: 0.9rem;
	border: 1px solid #eee;
	border-radius: 0rem;
}
.dropdown-item {
	padding: .33rem 1.8rem;
}
.dropdown-toggle::after {
	vertical-align: .05em;
}

body.offcanvas-active{
	overflow:hidden;
}
.offcanvas-header{ display:none; }


.screen-overlay {
	width:0%;
	height: 100%;
	z-index: 30;
	position: fixed;
	top: 0;
	left: 0;
	opacity:0;
	visibility:hidden;
	background-color: rgba(34, 34, 34, 0.6);
	transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
	transition:opacity .5s ease, width 0s;
	opacity:1;
	width:100%;
	visibility:visible;
}

@media (max-width: 992px) {
	.offcanvas-header{ display:block; z-index: 9999; }
	.navbar-collapse {
		position: fixed;
		top:0;
		bottom: 0;
		left: 100%;
		width: 60%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #f8f8f8;
		transition: visibility .2s ease-in-out, transform .2s ease-in-out;
	}
	.navbar-collapse.show {
		visibility: visible;
		transform: translateX(-100%);
		padding: 20px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
	.btn-close{
		border-radius: 100%;
		font-weight: 700;
		font-size: 16px;
		height: 35px;
		width: 35px;
	}
	.nav-item {
		padding: 5px 10px;
		border-bottom: solid 1px #eee;
		color: #6f6f6f !important;
	}

	#course_intro_btn, #course_explore_btn {
		color: #6195a4;
		background: none;
		box-shadow: none;
		top: 0px;
		position: relative;
		transition: all 0.2s ease-in-out 0s;
		line-height: 24px;
		font-weight: normal;
		border: none;
		margin-left: -14px;
	}

	#course_intro_btn:hover, #course_explore_btn:hover {
		box-shadow: none;
		top: 0px;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		background-color: #f8f8f8;
	}

	.dropdown-menu {
		border: none;
	}

	.navbar-toggler {
		border: none;
	}

	/*.list-unstyled {
        padding-left: 20px;
    }*/

	.dropdown-item > i.fas {
		display: none;
	}

	.dropdown-menu .dropdown-toggle:after {
		display: none;
	}

	.dropdown-item {
		font-size: .95rem;
	}

	.goback{
		display: none;
		color: #da0933;
		border-bottom: 1px solid #eee;
		padding-bottom: 5px;
	}
}