/* WordPress Customizer "Additional CSS" ported verbatim from yozoomin.com (wp_custom_css). Loads last for 1:1 brand overrides. */
.slick-next:before {
	content: '\e87e';
}
/* 오른쪽 nav z-index */
.elementor-element-d19956b {
	z-index: 99;
}
/* 전체 링크 버튼, 돋보기 아이콘 */
a, .fs-4 {
	color: #F46557;
}
a:hover {
	color: #d6584d;
}

/* 우측 헤더 메뉴 드롭다운 위치 */
.elementor-38 {
  z-index: 1;
}
/* zoom countdown */
.tutor-zoom-meeting-countdown {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-left: 0;
}
.tutor-zoom-meeting-countdown div {
	margin-left: 0;
}

/* profile photo */
.avatar-xl {
	box-shadow: inset 0 0px 5px 0px rgb(39 57 101 / 10%);
}


.elementor-swiper-button > i {
	color: #fff;
	font-size: 3rem;
}

.form-control:focus{
	border-color: #fffaee;
	
}

/* slick slider */
.slick-dots li button::before {
       font-size: 40px!important;
}

/* 강의 둘러보기 */
/* cards height */
.tutor-courses .card-body {
	height: 160px;
}


/* 비밀번호 템플릿 ===================================== 
*/
.fa-xmark {
	position: fixed;
	right: 5%;
	top: 8%;
	font-size: 1.2rem;
	cursor: pointer;
}

/* ppw 플러그인 함수 중복 적용으로 인한 
 * display : none */
.ppw-post-password-container {
	display: none;
}

/* =======================
 * password modal start  
 */
.custom-modal-bg
{
	color: #444444;
  position: fixed;
	z-index: 998;
  top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.custom-modal
{	
	z-index: 999;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 300px;
	padding: 20px 30px;
	border-radius: 12px;
	
	text-align: center;
	font-size: 16px;
  font-weight: 500;
	background-color: #fff;
	box-shadow: 0 4px 15px 4px rgb(39 57 101 / 10%);
}

/* Error Message template ========================== */
/* Password form & Error Message fonts */
@media screen and (max-width: 768px) {
	.ppw-ppf-error-msg > p > strong 	{
		word-break: keep-all;
		line-height: 20px;
	}
}

/* 기본 버튼 색상 */
.btn-primary {
	background-color: #F46557;
	border-color: #F46557;
}
.btn-primary:hover {
	background-color: #d6584d;
}

/* 로그인 & 회원가입 버튼 */
.login-submit > button
,.tutor-form-group > button
{
	background-color: #012B57;
	color: #fff;
	border-color: #012B57;
}
.login-submit > button:hover
,.tutor-form-group > button:hover
{
	background-color: #fff;
	color: #012B57;
	border-color: #012B57;
}

/* 햄버거 버튼 css */
.elementor-menu-toggle {
  background-color: transparent!important;
}

/* 편집 아이콘 */
.tutor-dropdown-item > i {
	color: #fff;
}
/* 줌 아이콘 */
.tutor-mr-12 > i

/* 네비 화살표 아이콘 */
,.fa-caret-down {
	color: #595959;
}
/* -------------- */


/* 회원등록 페이지 로고 CSS */
img.mb-4 {
  max-width: 15%;
}

/* 강의 캐러셀 하단 간격 */
.slick-track {
  margin-bottom: 2rem;
}

/* 강의 둘러보기 오른쪽 1024px까지 숨김 */
@media (min-width: 1024px){
#menu-1-f1030ed > .menu-item-359 {
		display: none;
}
}

/* 강의 둘러보기 nav 반응형 삭제 */
@media (max-width: 1024px) and (max-width: 768px) {
	.elementor-column-gap-default{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

/* 강의 둘러보기 왼쪽 숨김 */
@media (max-width: 1024px){
  .elementor-element-95d4508  {
      display: none;
  }
}

/* 강의 둘러보기 체크박스 & 페이지 넘버 */
.form-check-input:checked {
	background-color: #F46557;
	border-color: #F46557!important;
}

.form-check-input:focus {
	border-color: #F46557!important;
	box-shadow: 0 0 0 0.25rem rgb(255 170 170 / 25%)
}

/* 강의 둘러보기 프로필 아바타 */
.avatar-xs {
	width: 2.5rem;
	height: 2.5rem;
	box-shadow: 0 0px 0px 2px rgb(39 57 101 / 10%);
}

/* ------------------------ */
/* 강의 둘러보기 */

/* 강의 둘러보기 nav */
.nav.btn-group .btn-outline-white.active {
	  background-color: #012B57;
	  border-color: #012B57;
}

/* ------------- */

/* 강의 상세페이지 */
/* 강의 nav */
.nav-lt-tab .nav-item .nav-link:hover
, .nav-lt-tab .nav-item .nav-link.active {
	border-top: 2px solid #F46557!important;
	color: #F46557;
}

/* 달력 선택일 */
.tutor-react-datepicker .react-datepicker__day--selected,
.tutor-react-datepicker .react-datepicker__day--keyboard-selected
{
  color: #F46557!important;
}


/* 리뷰 작성하기 & 등록하기 버튼*/
.btn-outline-primary
{
	color: #012B57!important;
	background-color: transparent!important;
	border-color: #012B57!important;	
}
.btn-outline-primary:hover
,.tutor_submit_review_btn:hover{
	color: #fff!important;
	background-color: #012B57!important;
	border-color: #012B57!important;
}

/* 불렛 포인트 */
.tutor-icon-bullet-point {
	 color: #f46557!important;
}

/* ------------- */

/* 대시보드 */
/* 헤더 */
/* 공지 / 알림 버튼 */
#tutor-notifications-wrapper .tutor-iconic-btn-secondary:not(:hover), .tutor-iconic-btn-secondary:not(:hover) {
 background: #ffefef;
 color: #595959;
}

#tutor-notifications-wrapper .tutor-iconic-btn-secondary:hover {
 border-color: transparent!important;
 background: #F46557;
}

/* 새 강의 버튼 */
#tutor-create-new-course
,.tutor-list-ajax-action

,.tutor-btn-primary
/* 강의 등록하기 버튼 */
,.tutor-enroll-course-button

/* 강의 시작하기 버튼 */
,.tutor-course-entry-button
/* 댓글 버튼 */
,.tutor-conversation .tutor-comment-box .tutor-comment-submit-btn

/* 프로필 업데이트 버튼 */
,.tutor-profile-settings-save

/* 비밀번호 재설정 버튼 */
,.tutor-profile-password-reset

/* 강의 내용 추가하기 버튼 */
,.tutor-save-topic-btn
,.update_lesson_modal_btn
{
	background-color: #F46557!important;
	border-color: transparent!important;
  color: #fff!important;
}

#tutor-create-new-course:hover
,.tutor-btn-primary:hover
,.tutor-list-ajax-action:hover
,.tutor-enroll-course-button:hover
,.tutor-course-entry-button:hover
,.tutor-conversation .tutor-comment-box .tutor-comment-submit-btn
,.tutor-thumbnail-upload-button:hover
,.tutor-profile-settings-save:hover
,.tutor-profile-password-reset:hover
,.tutor-save-topic-btn:hover
,.update_lesson_modal_btn:hover
,.tutor-add-to-cart-button:hover
{
	background-color: #d6584d!important;
	border-color: #d6584d!important;
	color: #fff!important;
}



/* 기본 버튼 */
.btn btn-primary
/* 북마크 버튼 */
,.btn-block
/* 미리보기 버튼 */
,.text-end > .btn-primary
{
	color: #012B57!important;
	border-color: #012B57!important;
	background-color: #fff!important;
}

.btn btn-primary:hover
,.btn-block:hover
,.text-end > .btn-primary:hover
,.new-topic-btn-wrap > button:hover
{
	color: #fff!important;
	background-color: #012B57!important;
	border-color: #012B57!important;
}

/* 강의 내용 추가 섹션 */
/* 세부 강의 추가 버튼:hover */
.tutor-btn-outline-primary:not(:hover):not(:focus)
{
	color: #012B57!important;
	border-color: #012B57!important;
	background-color: transparent!important;

}

/* 강의 내용 버튼 border  */
.tutor-btn-outline-primary

/* 상세 강의 업로드 버튼 */
,#courseForm.create-course .tutor-course-builder-section #tutor-course-content-builder-root .tutor-topics-body .create-lesson-in-topic-btn

/* 설문 추가 */
,#courseForm.create-course .tutor-course-builder-section #tutor-course-content-builder-root .tutor-topics-body .tutor-add-quiz-btn

/* 과제 버튼 */
,#courseForm.create-course .tutor-course-builder-section #tutor-course-content-builder-root .tutor-topics-body .tutor-create-assignments-btn
{
		color: #012B57!important;
	border-color: #012B57!important;
}

.tutor-btn-outline-primary:hover{
background-color: #e5e5e5!important;
	color: #012B57!important;
}

/* 강의 내용 추가하기 버튼 */
.new-topic-btn-wrap > button{
	color: #012B57!important;
		border-color: #012B57!important;
}

.new-topic-btn-wrap > button:hover{
	color: #012B57!important;
background-color: #f5f4f8!important;
}
/* -------------- */

/* 사이드바 */
.sidenav.navbar .navbar-nav .active>.nav-link {
  color: #F46557!important; 
	background-color: #ffefef;
	
}

/* hover css */
.sidenav.navbar .navbar-nav .nav-item .nav-link:hover {
	background-color: #ffefef!important;
  color: #F46557!important; 
}

/* 등록한 강의 */
/* 등록한 강의 nav:active */
.nav-lb-tab .nav-item .nav-link.active  {
  color: #F46557; 
  border-bottom: 2px solid #F46557!important;
}

/* 등록한 강의 nav:hover */

.nav-lb-tab .nav-item .nav-link:hover {
  color: #F46557; 
  border-bottom: 2px solid #F46557!important;
}


/* toggle button css */
.tutor-dashboard-content .tutor-form-toggle input:checked~.tutor-form-toggle-control {
	    background: #F46557;
}

/* 강사 */
/* 공지/알림 */
/* 아이콘 */
.bg-light-primary, .tutor-round-box {
 background-color: #ffefef!important;
}

.text-dark-primary {
	color: #F46557!important;
}


/* 새 공지 추가 버튼 */
.new-announcement-button .tutor-announcement-add-new {
	background: #F46557!important;
	border-color:#F46557!important;
}

.new-announcement-button .tutor-announcement-add-new:hover {
	background: #d6584d!important;
	border-color:#d6584d!important;
}

/* 줌 CSS 시작 */
.tutor-zoom-meeting-expired-msg-wrap > h2 {
	text-align: center;
}

.zoom-meeting-countdown-wrap {
	border-top: 1px solid #e5e5e5;
}

.zoom-meeting-countdown-wrap h4 {
	width: 100%;
	margin: 20px 0 30px;
	text-align: center;
	font-size: 20px;
	color: #2d8cff;
}

/* 줌 시작 전 카운트다운 */
.tutor-zoom-meeting-countdown {
	width: 100%;
}

.tutor-zoom-meeting-countdown div h3 {
	font-size: 30px;
}
/* ============ */


/* 줌 참가 버튼 CSS */
.tutor-zoom-join-button-wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-left: 0;
}
.tutor-zoom-join-button-wrap a {
	margin: 0;
}

.tutor-course-single-content-wrapper, .tutor-quiz-single-entry-wrap {
    display:flex;
    flex-direction: column;
    gap: 2rem;
}

/* zoom setting css */
/* @media (max-width: 992px){
    .tutor-quiz-single-entry-wrap {
        order: 0;
    }
    .tutor-course-single-sidebar-wrapper tutor-zoom-sidebar{
        order: 1;
    }
} */

.create-zoom-meeting-btn {
	background-color: #579DF2!important;
	border-color: #579DF2!important;
	
}

/* 강의 내용 입력  */
.tutor-zoom-meeting-content, .zoom-meeting-countdown-wrap {
	display: flex;
	flex-direction: column;
	align-items: start;
}

.tutor-zoom-join-button-wrap > .tutor-btn {
	border: 1px solid;
}
.tutor-zoom-join-button-wrap > .tutor-btn:hover {
	background: #2d8cff;
	color: #fff;
}

/* ============ */
/* 줌 CSS 끝     */


/*course 상세페이지 수강 완료 버튼*/
/* .course-complete-button,  */

/* 화면 css 오류 */
#ui-datepicker-div 
/*재생바 삭제*/
 

/* zoom 수강 완료 버튼 : 놔두면 됨 */
/* ,.tutor-topbar-complete-btn */

/* zoom 관리자용 수강 완료 버튼 */
,.zoom-header-admin
/* 설문조사 스킵 버튼 제거 */
,.skip-quiz-btn
,.not-zoom-custom-display
{
	display: none;
}


/* hamburger button */
.tutor-d-xl-none {
  display: none!important;
}

/* 강의 완료 버튼 wrap 보이기 */
.tutor-d-xl-flex {
	display: flex!important;
}

.flex-wrap {
	display: flex;
	align-items: center;
}

.zoom-meeting-content-wrap{
	    border: 1px solid #dcdbdc;
    border-radius: 6px;
    padding: 25px;
}

/* 줌 종료 이미지 간격 */
.msg-expired-section {
	gap: 2rem;
}


/* 강의 등록 페이지 */
/* 페이지 진행도 서클 */
.active .bs-stepper-circle

/* 토글 버튼 */
,.tutor-form-toggle input:checked~.tutor-form-toggle-control

/* 설문 추가 */
,#courseForm.create-course .tutor-course-builder-section .tutor-modal-content .tutor-btn
{
	background-color: #F46557;
	border-color: #F46557;
}

/* 설문 추가 */
#courseForm.create-course .tutor-course-builder-section .tutor-modal-content .tutor-btn:hover {
	background-color: #d6584d;
	border-color: #d6584d;
}

/* 페이지 진행도 font-color */
.bs-stepper .step-trigger:hover,
.bs-stepper-label:active
{
  color: #F46557;
}

/* 뒤로 가기 버튼 */
.btn-white:hover {
	background-color: #e5e5e5;
		
}

/* 저장 버튼 */
.btn-success
,.tutor-btn-primary
{
	    background-color: #F46557;
    border-color: #F46557;
}
/* 저장 버튼 아이콘 */
#tutor-course-save-draft > i {
color: white;
}

/* 저장 버튼:hover */

.btn-success:hover
,.tutor-btn-primary
{
		    background-color: #d6584d;
    border-color: #d6584d;
}

/* 강의 등록하기 버튼 */
.btn-danger {
  background-color: #fff;
	color: #F46557;
	border-color:  #F46557;
}
.btn-danger:hover {
  background-color: #F46557;
	border-color:  #F46557;
	color: #fff;
}

/* 강의 설정 border-left-color */ 
#courseForm.create-course .tutor-course-settings-tabs .settings-tabs-navs li.active a

/* 강의 설정 font-color  */
,#courseForm.create-course .tutor-course-settings-tabs input:checked[type=checkbox]

{
	color: #F46557!important;
	border-left-color: #F46557!important;
}

/* 상세 강의 업로드 버튼 */
.video_upload_btn ,.create_new_topic_btn

/* 썸네일 이미지 업로드  버튼 */
,.tutor-thumbnail-upload-button

{
	color: #012B57!important;
	border-color: #012B57!important;
	background-color: #fff!important;
}

/* 상세 강의 업로드 버튼 hover */
.video_upload_btn:hover
,.create_new_topic_btn:hover
,.tutor-thumbnail-upload-button:hover

{
	color: #012B57!important;
	border-color: #012B57!important;
	background-color: #e5e5e5!important;
}


/* public-profile.php */
/* instructor profile */
.consulting_enroll_btn_container {
    margin-bottom: 1.5rem;
}

.consulting_enroll_btn {
    all: unset;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #F46557;
    border: 1px solid #F46557;
    width: 100%;
    padding: 15px 0;
    border-radius: 10px;
}

.consulting_enroll_btn:hover {
    background-color: #fff;
    color: #F46557;
    border: 1px solid #F46557;
    border-radius: 10px;
}

#consulting_profile_card:hover {
    transform: translate(0,-8px);
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 0px 0px 40px #bebebe, 0px 0px 40px #ffffff;
}

/* 비디오 재생바 */
/* overlaid video css */
.plyr__progress__container
/* .tutor-video-player-wrapper > div > div > button,
.tutor-video-player-wrapper > div > div > div.plyr__controls */
{
	display: none!important;
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
	transform: none;
}

/* 탈퇴 페이지 */
.modal {
 z-index: 999!important;
}

/* 자격증 페이지 */
.tutor-align-items-center,
.tutor-align-items-center   div:first-child
{
  align-items: center;
}