@charset "UTF-8";

/******************************
	common
******************************/
body {background-color: #fff!important;}
.btn.btn-major {
	background-color: #012d5c;
    border-color: #012d5c;
    color: #fff;
}
.btn.btn-major:hover, .btn.btn-major:active {
	background-color: #C19665;
    border-color: #C19665;
    color: #fff;
}
.btn.btn-minor {
	background-color: #C19665;
    border-color: #C19665;
}
.btn.btn-minor:hover, .btn.btn-minor:active {
	background-color: #012d5c;
    border-color: #012d5c;
    color: #fff;
}
.text-minor {color: #C19665;}
.text-minor.bold {
    z-index: 50;
    color: #363636;
    position: relative;
    display: inline-block;
    transition: transform 0.5s, color 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.text-minor.bold::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    opacity: 0.2;
    transform: scale3d(0,1,1);
    transform-origin: 0% 50%;
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
section:hover .text-minor.bold {color: #C19665;}
section:hover .text-minor.bold::after {
    transform: scale3d(1,1,1);
    background-color: #C19665;
}
.btn.btn-outline-major {
    color: #262f36;
    border-color: #262f36;
}
.btn.btn-outline-major:hover, .btn.btn-outline-major:active {
    color: #fff;
    background-color: #012d5c;
}
.page__heading-container .page__heading {position: relative;}
.page__heading-container .page__heading::after {
	content: "";
    background: #efefef;
    height: 3px;
    width: 10%;
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.page__container > .card {box-shadow: none!important;}
.page__container > .card .card-header {
	padding: 0;
	background-color: #fff;
	border-bottom: none;
}
.page__container > .card .card-body {
	padding-left: 0;
	padding-right: 0;
}
.page__container > .card .card-header-tabs-basic a {
	border: 1px solid #C19665;
    color: #C19665;
    margin: 0 10px 10px 0;
    border-radius: calc(0.25rem - 1px);
}
.page__container > .card .card-header-tabs-basic a.active,
.page__container > .card .card-header-tabs-basic a:hover {
	border-bottom: 1px solid #C19665;
	color: #fff;
	background-color: #C19665;
}
.page__container .pagination {justify-content: center;}
.card-body .tab-pane .card-form__body {background-color: #fff;}
#feedbackLink {white-space: nowrap;}
#buyLink {
	white-space: nowrap;
	margin-bottom: 10px;
}

/******************************
	header
******************************/
.navbar-main.navbar-light {
	box-shadow: none!important;
	background-color: #fff;
}
.mdk-header--shadow::after {box-shadow: none!important;}
.page__header.page__header-nav {background-color: #012d5c;}
.page__header.page__header-nav .page__container > .d-flex {
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
}
.page__header.page__header-nav .d-flex .search-form {
	flex: none!important;
	width: 100%;
	background-color: transparent;
	border: none;
}
.page__header.page__header-nav .d-flex .search-form .form-control {
	background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 0.25rem 0 0 0.25rem;
}
.page__header.page__header-nav .d-flex .search-form .btn {
	background-color: #efefef;
    height: calc(1.5em + 0.75rem + 2px);
    width: 20%;
    border-radius: 0 0.25rem 0.25rem 0;
    line-height: normal;
}
.page__header.page__header-nav .d-flex .search-form:hover .btn,
.page__header.page__header-nav .d-flex .search-form:active .btn {
	background-color: #B69D74;
	color: #fff;
}
.page__header.page__header-nav .d-flex .search-form p {
	margin: 0 25px 0 0;
	white-space: nowrap;
}
.page__header.page__header-nav .d-flex .search-form p i {margin-right: 5px;}
.page__header.page__header-nav .d-flex .text-light {flex: none!important;}
.page__header.page__header-nav .d-flex .dropdown {flex: none!important;}
.page__header.page__header-nav .navbar-toggler-dashboard {height: auto;}
.page__header.page__header-nav .dropdown-toggle::after {color: #fff;}
.mdk-header-layout__content .page__header {box-shadow: 0 5px 15px 0 rgb(0 0 0 / 30%)!important;}
.page__header .navbar-nav {
	width: 100%;
	justify-content: space-between;
}
.page__header .navbar-nav .nav-item {
    flex: 1 1 auto;
    justify-content: center;
    border-right: 1px solid rgba(0,32,99,.18);
    margin-left: 0!important;
}
.page__header .navbar-nav .nav-item:last-child {
	border-right: none;
}
.page__header .navbar-nav .nav-item:hover {
	background-color: rgba(200,160,99,.1);
}
.page__header .navbar-nav .nav-item > a {color: #fff!important;}
#header .navbar a.text-light {
	color: rgba(0, 0, 0, 0.5)!important;
	font-weight: 600;
}
#header .navbar a.text-light:hover {color: #C19665!important;}
@media screen and (min-width: 992px) {
	#header .navbar-secondary.navbar-expand-sm .nav-item + .nav-item {margin-left: 3rem;}
}
@media screen and (min-width: 768px) {
	#header .navbar .navbar + .dropdown {display: none;}
	#header .navbar .navbar + .text-light {display: none;}
}
@media screen and (max-width: 991px) {
	#header .navbar-secondary.navbar-expand-sm .nav-item + .nav-item {margin-left: 0rem;}
	#header .navbar .navbar-light .navbar-toggler {padding: 0 0.5rem;}
}
@media screen and (max-width: 767px) {
	.page__header.page__header-nav .d-flex .search-form p {display: none;}
}
@media screen and (max-width: 380px) {
	#header .mdk-header__content > .navbar {padding-left: 20px;}
	#header .mdk-header__content > .navbar > .container {flex-wrap: nowrap;}
}

/******************************
	footer
******************************/
#footer.bg-dark {
	background-color: #012d5c;
	padding: 30px 0 0 0;
}
#footer.bg-dark ul.list-group-flush li a {color: #fff;}
#footer.bg-dark ul.list-group-flush li a:hover {color: #C19665;}
#footer .text-light {color: #fff!important;}
#footer h5 {color: #C19665;}
.copyright {
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 15px 0;
	margin-top: 30px;
	font-size: 14px;
}

/******************************
	index
******************************/
.card.card__course {
	box-shadow: 1px 1px 5px 0 rgb(50 50 93 / 7%), 1px 1px 5px 0 rgb(0 0 0 / 7%)!important;
}
#courses {padding-bottom: 40px;}
.card.card__course .p-3 .d-flex {
    justify-content: space-between;
    align-items: center;
}
.card.card__course:hover .p-3 .d-flex .h4 {color: #C19665;}
@media screen and (min-width: 1024px) {
	.card.card__course {flex-direction: row;}
	.card.card__course .card-header {
		width: 300px;
		height: auto;
		padding: 0;
	}
	.card.card__course .p-3 {
		width: calc(100% - 300px);
	    margin-bottom: auto;
	    margin-top: auto;
	}
	.card.card__course .p-3 .d-flex {
	    flex-direction: column;
	    align-items: flex-start;
	}
	.card.card__course .p-3 .d-flex strong {
		width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.card.card__course .p-3 .d-flex a {margin-top: 20px;}
}
@media screen and (min-width: 768px) {
	.card.card__course:hover .p-3 .d-flex a.btn {
		color: #fff;
    	background-color: #C19665;
    	border-color: #C19665;
	}
}
.card-body .list-height li {list-style: none;}
.card-body .list-height li a {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #eee;
    display: block;
}
.card-body .list-height li:hover a {
	color: #012d5c;
	text-decoration: none;
	border-bottom-color: #012d5c;
}

/******************************
	news
******************************/
.page__container .list-height li {list-style: none;}
.page__container .list-height li a {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #eee;
    display: block;
}
.page__container .list-height li:hover a {
	color: #012d5c;
	text-decoration: none;
	border-bottom-color: #012d5c;
}
.card .card-header > strong {
	font-size: 30px;
	color: #012d5c;
	line-height: 40px;
	text-align: left;
}
.card .card-header > strong i {
	font-size: 65%;
	margin-right: 5px;
    position: relative;
    top: -3px;
}
.card .card-body.tab-content {margin-top: 20px;}
.card .card-body.tab-content > p {
	font-size: 16px;
}
.page__heading-container .page__heading.flex-column > div:last-child {
    width: 32%;
    margin-left: 30px;
}
.page__heading-container .page__heading.flex-column > div:first-child {
	width: 68%;
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	.page__heading-container .page__heading.flex-column > div:last-child {
	    width: 100%;
	    margin-left: 0px;
	}
	.page__heading-container .page__heading.flex-column > div:first-child {
		width: 100%;
		margin-left: 0;
	}
}

/******************************
	index
******************************/
.page__container .list-height ul {
	margin: 0;
	padding: 0;
}

/******************************
	course
******************************/
.card.card__view {box-shadow: none!important;}
.card.card__view .card-header, .card.card__view .card-body {border: 1px solid #efefef;}
.card .card.card__course {flex-direction: column;}
.card .card.card__course .p-3 {width: auto;}
.card .card.card__course .p-3 .d-flex {
	flex-direction: row;
	align-items: center;
}
.card .card.card__course .p-3 .d-flex a {margin-top: auto;}
.card .card.card__course .p-3 .d-flex strong {white-space: normal;}
.card .list-group-item.active .media-body a {color: #fff;}
.card .card.card__course .p-3 .d-flex .btn {white-space: nowrap;}
.card.card__course .p-3 .fa-clock {margin-right: 3px;}

/******************************
	login
******************************/
.form-group .custom-radio + .custom-radio {margin-left: 15px;}
.form-group .custom-radio .custom-control-label::before,
.form-group .custom-radio .custom-control-label::after {top: 0.1rem;left: -1.2rem;}

/******************************
	account
******************************/
.card.card__account {box-shadow: none!important;}
.card.card__account .card-header, .card.card__account .card-body {border: 1px solid #efefef;}
.table2excel + .text-center {margin: 50px 0 30px;}
.table2excel > h1, .table2excel > h3 {opacity: 0;}