/*******************************/
/*Profile*/
/******************************/

.profile-statistic i {
	font-size: 35px;
}

/*edit-course other svg icon*/

.btn-other-icon svg {
	fill: #1d92ff;
}

.btn-other-icon:hover svg {
	fill: #fff;
}

.login.login-4 .login-aside {
	background: linear-gradient(147.04deg, #1d92ff 0.74%, #1d92ff 99.61%);
}

/*fix media-modal for front*/

.media-modal .media-modal-close .screen-reader-text,
.media-modal .media-modal-content .media-frame-actions-heading,
.media-modal .media-modal-content  .media-frame-content .media-toolbar-secondary .screen-reader-text  {
  display: none;
}

/*Paste/Edit link modal*/

#wp-link-wrap #wp-link #wp-link-close .screen-reader-text {
	display: none;
}

#wp-link-wrap #wp-link #link-selector label {
	display: block;
}

@media screen and (max-width: 575px) {
	#wp-link-wrap #wp-link #link-modal-title {
		font-size: 16px;
		line-height: 2.2;
	}

	#wp-link-wrap{
		margin-top: -240px !important;
	}
	#wp-link-wrap #wp-link #link-options label span,
	#wp-link-wrap #wp-link #search-panel label span.search-label {
		width: 50px;
	}

	#wp-link-wrap #wp-link .link-target label {
		max-width: 50%;
	}

}

/*Slider template 1*/

.carousel-item__image {
	position: relative;
}

.carousel-item__info {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40%;
}

.slider-indicators {
	right: unset;
	left: unset;
}

.slider-indicators li {
	background-color: #1d92ff;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
}

@media screen and (max-width: 992px) {
	.carousel-item__image {
		position: static;
		min-height: auto !important;
		border-radius: calc(0.85rem - 1px) calc(0.85rem - 1px) 0 0;
	}
	.carousel-item__onlyimage {
		min-height: auto !important;
	}
	.carousel-item__info {
		position: static;
		width: 100%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.slider-indicators li {
		border-bottom: 5px solid transparent;
		border-top: 5px solid transparent;
	}
}

/*page instruction*/

.instruction-text-wrap img {
  max-width: 100%;
  height: auto;
}

.course-status-page .card.card-custom > .card-header {
	padding-top: 15px;
	padding-bottom: 15px;
}

.course-status-page .card.card-custom > .card-header {
	height: auto;
}

/*Scroll eddy course*/
@media (max-width: 991.98px) {
	.eddy-max-h-100vh {
		max-height: 100vh;
	}
}

@media (max-width: 575.98px) {
	.curriculum-mobile-navs {
		flex-wrap: nowrap;
		overflow: auto;
	}

	.curriculum-mobile-navs.nav-tabs .nav-item {
		margin-bottom: 0 !important;
	}
}

/* Pojo */

.pojo-a11y-toolbar-toggle {
	display: none !important;
}

.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle {
	display: block !important;
}

.vertical-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.vertical-scroll::-webkit-scrollbar {
    width: 2px;
    background-color: #EBEBEB;
}

.vertical-scroll::-webkit-scrollbar-thumb {
    background-color: #CFCFCF;
}

.vertical-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #979696;
}

/* Add class for "object-fit: cover" */
.iof-cover {
	object-fit: cover;
}

/* Add class for "object-fit: contain" */
.iof-contain {
	object-fit: contain;
}

.static-page-list-style > ::marker {
	content: '\2713';
	font-weight: 600;
}

.static-page-list-style > li {
	padding-left: .5em;
}

.rounded-top-right {
	border-top-right-radius: 20px !important;
}

.rounded-bottom-left {
	border-bottom-left-radius: 20px !important;
}

.rounded-start {
	border-bottom-left-radius: .25rem !important;
	border-top-left-radius: .25rem !important
}

.rounded-end {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important
}