/* 
Theme Name:		 OLT (customify child)
Theme URI:		 http://childtheme-generator.com/
Description:	 OLT is a child theme of Customify, created by ChildTheme-Generator.com
Author:			 Viktor Borítás
Author URI:		 http://childtheme-generator.com/
Template:		 customify
Version:		 1.0.0
Text Domain:	 olt
*/


/*
    >>>		Gyors ugras
		>>>>	Mobil
*/

:root{

	/* shrek zold' */
	/* --olt-szin-elenk:#7bda00; */
	
	/*tiffany blue*/
	--olt-szin-elenk:#2EC4B6; 
	--olt-szin-elenk-sotet:#25a297; /* tiffany blue */
	--olt-szin-vilagos:#8afff4;

	--olt-szin-meleg-vilagos:rgba(255, 159, 28,1); /* orange peel ff9f1c */
	--olt-szin-meleg-enyhe:rgb(255, 209, 145); /* orange peel ff9f1c */
	--olt-szin-vilagos-szurke:#e5e6e6;
	--olt-szin-semleges-sotet: #ada696;
	/* --olt-szin-vilagos:#90ff0047; pasztel zoldalma */
	/* --olt-szin-neonzoldes:#bbff7394; */

}
/* yt video kilog a kepbol - fix */
/*#tutor-single-entry-content.tutor-lesson-content.tutor-single-entry-content.tutor-single-entry-content-248{
	width:68%!important;
	max-width:68%!important;
}*/

/* https://onlinelanguagetutor.de/wp-content/plugins/tutor/assets/css/tutor-front.min.css?ver=1.5.9 */
/*.tutor-lesson-content-area{
	margin:0 100px 0!important;
}*/
/* https://onlinelanguagetutor.de/wp-content/plugins/tutor/assets/css/tutor-front.min.css?ver=1.5.9 */
/*.tutor-lesson-content-area .wp-video{
	width:500px!important;
}*/


/* >>> Customify VEGYES -----------------------------*/


/* ezmi ??? */
a.tutor-next-link.tutor-next-link-243{
  font-size:1.6em!important;
}

/* button */
/* .tutor-button.tutor-button-primary:hover, .tutor-btn.tutor-button-primary:hover { */
.tutor-button.tutor-button-primary:hover{
	background-color: var(--olt-szin-elenk)!important;
}

/* full-width @quiz @lesson */
/* .single-tutor_quiz .customify-container, .layout-contained,
.single-lesson .customify-container, .layout-contained { */
	/* max-width: 1248px; */
	/* max-width: none; */
	/* margin: 0 auto; */
/* } */

/* video play gomb lathato */
.mejs-overlay-button{
	background-color:var(--olt-szin-semleges-sotet)!important;
}

/* footer mindig legalul legyen (+ #footer css)*/
/* #page{
	min-height:96vh!important;
} */

#page-titlebar.page-header--item.page-titlebar {
	/* display:none!important; */
}
.page-titlebar {
  /* display: none!important; */
}

/* customify tablazat szoveg meret norm */
table th, table td,
.tutor-lesson-content-area p {
	font-size:1.1em!important;
}

#sidebar-secondary, 
#sidebar-primary, 
#main{
	padding-top:0!important;
	padding-bottom:0!important;
}




/* >>> FOOLDALLL / FRONTPAGEEE */

.foold-gallery li.blocks-gallery-item img{
	aspect-ratio:1/1;
	border-radius: 50%;
	object-fit: cover;
}




/* >>> Course/Lesson/Quiz nezet ---------------------------------------------- */

.customify-container
/* .layout-contained  */
{
	/* max-width: 1320px!important; */
	max-width: 100%!important;
}

/* sidebar menu hatterszin */
.tutor-topics-in-single-lesson {
	/* margin-bottom: 5px; */
	/* background-color: #adeee1; */
	/* background-color: #2ec4b630; */
	background-color: #b1b1b130;
	/* padding: 0; */
}

/* sidebarban epp aktualis lesson/quiz hatterszine */
.tutor-lessons-under-topic .tutor-single-lesson-items.active a {
	background: #ffcf7d8a;
}

/* aktualis / megnyitott tema kiemelt */
.tutor-topics-in-single-lesson.tutor-topic-active {
	background-color: #ffcd734a;
}

/* sidebar ikonok
/* .tutor-single-lesson-button-group .tutor-single-lesson-button a>i:first-child, */
.tutor-topics-in-single-lesson .tutor-single-lesson-items a>i:first-child {
	color: #005a4b;
	/* line-height: 22px; */
	/* display: inline-block;
	vertical-align: middle;
	margin-right: 10px; */
}

.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete {
	height: 16px;
	width: 16px;
	border: 3px solid #7bcbd6;
	/* border-radius: 50%; */
	font-size: 17px;
	box-sizing: content-box;
	/* display: inline-block;
	line-height: 16px;
	text-align: center;
	margin: 0;
	vertical-align: middle;
	margin-left: 8px; */
}


/* home ikon fix - sidebar becsuko nyil mellett */
.tutor-single-page-top-bar a i {
	float: none;
}

/* lesson/quiz cim a top barban jobb szelen */
.tutor-single-page-top-bar .tutor-topbar-content-title-wrap {
    text-align: right;
		font-size: larger;
		padding-right: 10px;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 999999;
    -ms-flex-positive: 999999;
    flex-grow: 999999; */
}


/* complete course btn / FERTIG btn */


.tutor-single-lesson-segment.tutor-lesson-complete-form-wrap{
	margin-bottom:5px;
}

/* .tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button { */
.tutor-topbar-item.tutor-topbar-mark-to-done form{
	text-align: center;
	margin-bottom: 0;
}

/* #1 default Course Complete btn top barban */
.tutor-topbar-item.tutor-topbar-mark-to-done button.course-complete-button.tutor-button{
	/* background-color: #57b400!important; */
	background-color: var(--olt-szin-elenk-sotet)!important;
	color: white;
	padding: 10px 30px;
	cursor: pointer;
	border: 0;
}
.tutor-topbar-item.tutor-topbar-mark-to-done button.course-complete-button.tutor-button:hover{
	/* background-color: #7dff00!important; */
	background-color: var(--olt-szin-elenk)!important;
	background:0; /*azert kell mert a .dash-anim-border background-ja besotetiti per pill */
	/* transition: color .5s, padding .5s;  */
	transition: color .5s; 
}


/* #2 
MOD-dolt Course Complete Btn oldal aljan kozepen */
/* .tutor-topbar-item.tutor-topbar-mark-to-done button.course-complete-button.tutor-button{
	background: transparent;
	color: #888888;
	padding: 10px 30px;
	cursor: pointer;
	border: 0;
}
.tutor-topbar-item.tutor-topbar-mark-to-done button.course-complete-button.tutor-button:hover{
	background-color: #7dff00!important;
	background:0; azert kell mert a .dash-anim-border background-ja besotetiti per pill 
	color: white!important;
	cursor: pointer;
	padding: 10px 40px;
	transition: color .5s, padding .5s; 
} */

/* .dash-anim-border{ */
	/* https://codepen.io/rdhaliwal/pen/KzMKOP */
	/* height: 100%;
	background: linear-gradient(90deg, gray 50%, transparent 50%), 
							linear-gradient(90deg, gray 50%, transparent 50%), 
							linear-gradient(0deg, gray 50%, transparent 50%), 
							linear-gradient(0deg, gray 50%, transparent 50%);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: 16px 2px, 16px 2px, 2px 16px, 2px 16px;
	background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
	border-radius: 5px;
	padding: 10px;
	animation: dash 20s linear infinite;
}

@keyframes dash {
	to {
			background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
	}
} */




/* >>> COURSE ARCHIVE / CORUSEEE ARCHIVE / COURSESS------------*/

.tutor-course-col-3>div{
  border:3px solid darkgray;
}
.tutor-course-header {
	max-height: 240px;
	overflow: hidden;
}



/* >>> LESSON --------------------------------*/

/* LESSON SIDEBAR / NAVBAR */
.tutor-tabs-btn-group a span, .tutor-tabs-btn-group a i{
	/* font-size: 24px; */
	/* display: inline-block; */
	vertical-align: middle;
}
.tutor-lesson-sidebar{
	/* background-color:var(--olt-szin-elenk); */
	/* background:var(--olt-szin-elenk) url(../../uploads/2021/03/bumerangos-hatter.png) repeat!important;; */
	/* background:#e4e4e478 url(../../uploads/2021/04/bumerangos-hatter-transp.png) repeat!important; */
	/* background-color:#e4e4e478; kekes */
	background-color:#ffc8333b; /* sargas */
}

.single-lesson .site-content {
	background: #e4dfd5;
}

/* LESSON CONTENT (RIGHT) */
/* alap hatter */
.tutor-single-entry-content{
	/* flex-grow: 999; */
	width:800px;
	background-color: white;
}

.single-lesson table td {
	/* font-size: 1em; */
}

/* kurzuson beluli nav menu fejlec */
.tutor-single-page-top-bar{
	/* background-color:var(--olt-szin-elenk); */
}
.tutor-lesson-sidebar-hide-bar{
	/* background-color: #5cc300; rgba(92,195,0,1); */
	padding: 10px;
	/* display: inline-block; */
	/* line-height: 70px; */
}
.tutor-lesson-sidebar-hide-bar:hover{
	/* background-color: #52af00; */
}

.tutor-next-previous-pagination-wrap{
	margin-top:50px;
}

.tutor-next-previous-pagination-wrap a,
a.tutor-next-link,
a.tutor-prev-link{
	font-size:1.3em!important;
	font-weight: 700;
}

/* next btn ha egyedul van, jobbra keruljon */
.tutor-next-previous-pagination-wrap a.tutor-next-link{
	margin-left: auto;
}
.tutor-next-previous-pagination-wrap a.tutor-prev-link{
	margin-right: auto;
}



/* >>> EASY VOICE RECORD */

button#easy_voice_mail_record{
	border-radius: 30px;
	background-color: #757575;
	border: 3px solid white;
	color: white;
}
button#easy_voice_mail_record:hover{
	background-color: lightgray;
}
/* ikon record butn */
button#easy_voice_mail_record::before {
	content: url(svg/microphone-alt-solid.svg) 20px 20px;
	fill:white;
}


button#easy_voice_mail_stop,
button#easy_voice_mail_play,
button#easy_voice_mail_pause,
button#easy_voice_mail_save,
button#easy_voice_mail_cancel{
	/* border-radius: 30px; */
	background-color:var(--olt-szin-elenk-sotet);
	/* border: 3px solid white; */
	/* color: white; */
}

p#easy_voice_mail_countdown::after {
	content: " second(s) remained";
}



/* >>> QUIZZZ QUIZ PAGE---------------------*/

.single-tutor_quiz .site-content {
	background: #e4dfd5;
}

/* altalanos Quiz content oszlop szelesseg */
.tutor-lesson-content-area, 
.tutor-quiz-single-wrap {
	margin: 0 75px 79px;
}

/* Quiz leiras elkulonito design */
#tutor-quiz-content {
	/* border: 15px solid var(--olt-szin-vilagos); */
	padding: 10px;
	/* background-color: #b1a168; */
	/* background-color: var(--olt-szin-elenk); */
	background-color:var(--olt-szin-semleges-sotet);
	color:white;
	font-size:1.1em;
	text-align:center;
	margin-bottom:50px;
	border-radius:15px;
}

/* START QUIZ btn poz */
.start-quiz-wrap {
	text-align: center;
}
button.tutor-button[name=start_quiz_btn] {
	padding: 0 25px 0 25px;
}

/* SUBMIT btn poz */
.quiz-answer-footer-bar {
	text-align: center;
	width:100%;
	height:65px;
}
/* submit button parent container.. */
.quiz-footer-button {
	height: 100%;
}
/* submit btn szelesseg */
button.tutor-button.tutor-success {
	width: 100%;
	height:100%;
}

/* checkbox design */
.tutor-quiz-answers-wrap label input+span{
	width: 23px;
	height: 23px;
	border: 2px solid #8e8e8e;
	/* display: inline-block; */
	/* border-radius: 2px; */
	/* position: relative; */
	/* margin-right: 5px; */
}




/* >>> MATCHING */

.quiz-answer-matching-items-wrap{
	margin-top:50px!important;
}

.answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {
	/* display: inline-block; */
	/* max-width: none; */
	width: 32%;
	min-height: 185px;
	/* padding: 0 10px; */
	/* vertical-align: top; */
}

.quiz-answer-matching-droppable {
	min-height: 50px;
	height: fit-content;
	/* min-width: 200px; */
	min-width:unset!important;
	/* border: 2px dashed #6f6f6f; */
	border: 3px dashed #b5b5b5;
}

/* slotba dobott cimke */
.quiz-draggable-answer-item.ui-sortable-handle.dropped{
	/* margin: 0!important; */
	margin-bottom: 0!important;
}

.quiz-answer-matching-title{
	/* vertical-align: baseline; */
	display: flex;
	min-height: 50px;
	margin-top: auto;
	margin-bottom: 0;
}

.tutor-quiz-answers-wrap p{
	margin: 0;
	/* margin-top: auto!important; */
	margin-top: auto;
	/* margin-bottom:0!important; */
	/* line-height: 26px; */
}

.quiz-draggable-rand-answers{
	margin-bottom:0;
}

.quiz-draggable-rand-answers.ui-sortable{
	height:unset!important;
}



/* >>> SPECI HOSSZU SZOVEGES CIMKEJU IMAGE/MATCHING QUIZ */
/* problema: nem tudjuk pl. megjelolni az adott quiz-t class / id -vel.. !!! */

/* a lista row-k kozvetlen parent containere */
#quiz-attempt-single-question-292 .quiz-answer-matching-items-wrap {
	display: flex;
	flex-direction: column;
}

/* Egy masik image match quiz: itt meg kicsik a kepek alapbol. Nagyitani kell */
/* #tutor-quiz-content.tutor-quiz-content.tutor-quiz-content-1195 .quiz-image-answering-answer{ */
.tutor-quiz-body.tutor-quiz-body-1195 .quiz-image-answering-answer{
/* .quiz-image-answering-answer{ */
	width:30%!important;
}


/* a felul varakozo szoveg kartyak */
#quiz-attempt-single-question-292 .quiz-draggable-answer-item.ui-sortable-handle {
	width:100%;
}

/* answer row */
#quiz-attempt-single-question-292 .answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {
	display: flex;
	flex-direction: row;
	width: 100%;
}

/* kep */
#quiz-attempt-single-question-292 .quiz-answer-matching-title {
	width: 30%;
}

/* szoveg slot (droppable) */
#quiz-attempt-single-question-292 .quiz-answer-matching-droppable {
	/* min-width: unset!important; */
	width: 70%;
	min-height: 90px;
	height:max-content;
	margin: auto 10px;
	/* background-color: #deeacd85; */
	border: none;
}

.quiz-answer-matching-droppable{
	/* background-color: #deeacd85; */
	background-color:var(--olt-szin-vilagos-szurke);
}

/* a slotba dobott szoveg 'kartya' */
#quiz-attempt-single-question-292 .quiz-answer-item-matching .quiz-draggable-answer-item {
	/* margin-bottom: 10px; */
	margin-bottom: 0!important;
	padding-bottom: 17px;
	box-shadow: 1px 1px grey;
}


/* a felul varakozo szoveg kartyak */
.quiz-draggable-answer-item {
	/* padding: 10px 20px; */
	/* border: 1px solid #d4dadb;
	margin-right: 10px; */
	font-size: 1.2em;
	/* margin-bottom: 10px; */
	background-color: white;
	/* display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex; */
	cursor: move;
	/* animation: alapallapot 1000ms ease-in-out infinite alternate; */
	/* animation: alapallapot 1000ms infinite alternate; */
}

@keyframes alapallapot{
	0%{
		/* background-color:white; */
		background-color:initial;
	}
	100%{
		background-color:var(--olt-szin-meleg-enyhe);
	}
}

/* olt script-ben adom hozza e classt */
.dropped{
	/* background-color:var(--olt-szin-vilagos); */
	/* background-color:var(--tutor-success-button-color); */
	background-color:#e8e5ce;
	/* animation:none; */
	/* animation:helyeeen 1000ms infinite alternate; */
	animation-name: helyeeen;
  animation-duration: .5s;
  /* animation-timing-function: ease-out; */
  /* animation-delay: .5s; */
  animation-iteration-count: 1;
  /* animation-direction:; */
}

@keyframes helyeeen{
	0%{
		/* background-color:var(--olt-szin-meleg-vilagos); */
		background-color:initial;
	}
	100%{
		/* background-color:var(--tutor-success-button-color); */
		background-color:#e8e5ce;
		/* background-color:var(--olt-szin-vilagos); */
		/* background-color:blue; */
	}
}

.undroppped{
	/* background-color:var(--olt-szin-elenk); */
	/* animation:none; */
	/* animation:helyeeen 1000ms infinite alternate; */
	animation-name: wissza;
  animation-duration: .5s;
  /* animation-timing-function: ease-out; */
  /* animation-delay: .5s; */
  animation-iteration-count: 1;
  /* animation-direction:; */
}

@keyframes wissza{
	0%{
		/* background-color:var(--olt-szin-meleg-vilagos); */
		background-color:initial;
	}
	100%{
		background-color:white;
		/* background-color:blue; */
	}
}

.foglalt-droppable{
	background-color: #ffb4b4;
}

/* >>> FILL THE BLANKS ---------------------------- */

.tutor-quiz-answers-wrap.question-type-fill_in_the_blank.ui-sortable input[type=text]{
/* input.fill-in-the-blank-text-input { */
	height: 1em;
	width: 100px;
	/* width: fit-content; */
	text-align: center;
	font-weight: bold;
}



/* QUIZ OVERVIEWWW / QUIZ REVIEW / MY QUIZ ATTEMPTS TABLEEE / TABLAAA / RESULTSSS */
td.correct-answer,
td.given-answer{
	width:25%!important;
	font-size:12px!important;
}


/* >>> ASSIGNMENTSSS ASSIGNNN */
/* .tutor-assignment-action.button.eva */



/* >>> SINGLEEE ---------------------------*/

#site-content.site-content{
	min-height:500px;
}




/* >>> SPAM MATINE special oldal .. / SPAMMM --------------------------------*/
.page-id-1610 #spam-ip-container{
	position:relative;
	display:flex;
	flex-wrap: wrap;
	margin-bottom:50px;
}
.page-id-1610 #spam-ip-container .ip{
	width:10%;
	text-align: center;
	border-radius: 10px;
	animation: ipdivszuletik .5s ease-out;
}

.page-id-1610 #spam-ip-container .ip:hover{
	/* cursor:crosshair; */
	cursor:pointer;
	/* cursor:help; */
	color:#333333;
	border:2px solid grey;
}

.page-id-1610 .hud{
	width:300px;
	height:185px;
	position:fixed;
	top:20%;
	left:50px;
	background-color:lightgrey;
	border-radius:10px;
	color:#222222;
	padding:10px;
	box-shadow:6px 6px 5px grey;
	z-index:888;
}

@keyframes ipdivszuletik {
	from{
		width:0%;
	}
	to {
		width:10%;
	}
}

.stat-btn{
	/* position:absolute; */
	text-align:center;
	width:180px;
	height:min-content;
	margin:auto;
	background-color:orange;
	cursor:pointer;
	color:white;
	padding:5px;
	border-radius:5px;
}

.stat-btn{
	background-color:darkgrey;
}

/* .stat-container, */
.stat-display-div{
	/* text-align:center!important; */
	margin-top:50px!important;
	display: flex;
	/* flex-wrap: nowrap; */
	flex-direction: column;
	justify-content: center;
}
.stat-display-div .row{
	display:flex;
	flex-wrap:nowrap;
	width: 180px;
	justify-content: space-between;
	margin: auto;
}



/* >>> FOOTERRR ---------------------------*/


/* #site-footer{
	position: absolute;
	bottom:0;
	width:100%;
} */

#site-footer ul#menu-footer-menu li.menu-item a{
	text-align: center;
}
.builder-footer-copyright-item.footer-copyright{
	text-align: center;
}



/* >>>> MOBILLL ------------------------------*/



/* >>>> LESSON -----------------------*/
@media (max-width: 991px){
	.tutor-lesson-content-area, .tutor-quiz-single-wrap {
			margin: 0 15px!important;
	}
}

/* [class~="customify-col"], [class*="customify-col-"], [class*="customify-col_"] { */
.content-area.customify-col-12 {
	/* box-sizing: border-box; */
	padding: 0 .5em 0;
	/* max-width: 100%; */
}