/*
This is the child theme custom style
*/

.top_site_main .page-title-wrapper {
	display:none;
}

div.width-logo a.thim-logo img {
	filter:invert(100%);
}

.copyright-content p.text-copyright {
	display:none;
}

/* =========================================
   Quiz hint button
   ========================================= */

#learn-press-quiz-app .question .btn-show-hint {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:auto;
	min-width:0;
	min-height:38px;
	margin:0 0 0 12px;
	padding:4px 14px 4px 6px;
	border:1px solid #e5a300;
	border-radius:32px;
	background:#fff8df;
	color:#333;
	font-family:inherit;
	font-size:14px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	text-transform:none;
	vertical-align:middle;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	box-shadow:0 2px 8px rgba(255,182,6,.16);
	transition:background-color .2s,border-color .2s,box-shadow .2s;
}

#learn-press-quiz-app .question .btn-show-hint::before {
	content:"💡";
	position:static;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	flex:0 0 28px;
	margin:0;
	padding:0;
	border-radius:50%;
	background:#ffb606;
	color:#fff;
	font-size:16px;
	line-height:1;
	box-shadow:0 2px 6px rgba(255,182,6,.25);
}

#learn-press-quiz-app .question .btn-show-hint::after {
	content:none;
	display:none;
}

#learn-press-quiz-app .question .btn-show-hint > span,
#learn-press-quiz-app .question .btn-show-hint:hover > span,
#learn-press-quiz-app .question .btn-show-hint:focus > span,
#learn-press-quiz-app .question .btn-show-hint:active > span {
	position:static;
	inset:auto;
	display:inline-block;
	width:auto;
	height:auto;
	min-width:0;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#333;
	font-family:inherit;
	font-size:14px;
	font-weight:600;
	line-height:1;
	text-align:left;
	text-transform:none;
	white-space:nowrap;
	opacity:1;
	visibility:visible;
	transform:none;
	box-shadow:none;
	pointer-events:none;
}

#learn-press-quiz-app .question .btn-show-hint > span::before,
#learn-press-quiz-app .question .btn-show-hint > span::after,
#learn-press-quiz-app .question .btn-show-hint:hover > span::before,
#learn-press-quiz-app .question .btn-show-hint:hover > span::after {
	content:none;
	display:none;
}

#learn-press-quiz-app .question .btn-show-hint:hover,
#learn-press-quiz-app .question .btn-show-hint:focus,
#learn-press-quiz-app .question .btn-show-hint.is-open,
#learn-press-quiz-app .question .btn-show-hint[aria-expanded="true"] {
	border-color:#e5a300;
	background:#ffefba;
	color:#333;
	box-shadow:0 4px 12px rgba(255,182,6,.22);
	outline:none;
}

#learn-press-quiz-app .question .btn-show-hint:focus-visible {
	outline:2px solid rgba(255,182,6,.45);
	outline-offset:2px;
}

#learn-press-quiz-app .question .question-hint-content {
	display:none !important;
}

/* =========================================
   Quiz hint popup
   ========================================= */

.quiz-hint-popup {
	position:fixed;
	inset:0;
	z-index:1000000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	background:rgba(20,24,28,.5);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(2px);
	transition:opacity .2s,visibility .2s;
}

.quiz-hint-popup.is-open {
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.quiz-hint-popup__dialog {
	position:relative;
	width:min(620px,100%);
	max-height:calc(100vh - 48px);
	overflow:hidden;
	border:1px solid #f0d374;
	border-radius:18px;
	background:#fffdf7;
	box-shadow:0 24px 70px rgba(0,0,0,.2);
	opacity:0;
	transform:translateY(12px) scale(.98);
	transition:opacity .2s,transform .2s;
}

.quiz-hint-popup.is-open .quiz-hint-popup__dialog {
	opacity:1;
	transform:none;
}

.quiz-hint-popup__header {
	display:flex;
	align-items:center;
	gap:12px;
	min-height:74px;
	padding:15px 68px 14px 19px;
	border-bottom:1px solid #f3e3a8;
}

.quiz-hint-popup__icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	flex:0 0 44px;
	border-radius:50%;
	background:#ffb606;
	color:#fff;
	font-size:22px;
	line-height:1;
}

.quiz-hint-popup__title {
	margin:0;
	color:#292929;
	font-size:20px;
	font-weight:700;
	line-height:1.3;
}

.quiz-hint-popup__close {
	position:absolute;
	top:16px;
	right:16px;
	z-index:2;
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	border:0;
	border-radius:50%;
	background:#fff0bd;
	color:#444;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	transition:background-color .2s;
}

.quiz-hint-popup__close::before,
.quiz-hint-popup__close::after {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:2px;
	border-radius:2px;
	background:currentColor;
}

.quiz-hint-popup__close::before {
	transform:translate(-50%,-50%) rotate(45deg);
}

.quiz-hint-popup__close::after {
	transform:translate(-50%,-50%) rotate(-45deg);
}

.quiz-hint-popup__close:hover,
.quiz-hint-popup__close:focus {
	background:#ffe495;
	outline:none;
}

.quiz-hint-popup__close:focus-visible {
	outline:2px solid rgba(255,182,6,.5);
	outline-offset:2px;
}

.quiz-hint-popup__body {
	max-height:calc(100vh - 155px);
	overflow-y:auto;
	overscroll-behavior:contain;
	padding:20px 22px 24px;
	color:#444;
	font-size:15px;
	line-height:1.65;
	white-space:pre-line;
	-webkit-overflow-scrolling:touch;
}

body.quiz-hint-popup-open {
	overflow:hidden;
}

/* =========================================
   Mobile
   ========================================= */

@media(max-width:767px) {
	#learn-press-quiz-app .question .btn-show-hint {
		display:flex;
		width:max-content;
		margin:12px 0 0;
		padding:6px 14px 6px 6px;
		min-height:44px;
	}

	#learn-press-quiz-app .question .btn-show-hint::before {
		width:32px;
		height:32px;
		flex-basis:32px;
		font-size:18px;
	}

	#learn-press-quiz-app .question .btn-show-hint > span,
	#learn-press-quiz-app .question .btn-show-hint:hover > span,
	#learn-press-quiz-app .question .btn-show-hint:focus > span {
		font-size:14px;
	}

	.quiz-hint-popup {
		padding:14px 12px;
	}

	.quiz-hint-popup__dialog {
		width:100%;
		max-height:calc(100dvh - 28px);
		border-radius:15px;
	}

	.quiz-hint-popup__header {
		min-height:68px;
		padding:13px 60px 12px 15px;
	}

	.quiz-hint-popup__icon {
		width:40px;
		height:40px;
		flex-basis:40px;
		font-size:20px;
	}

	.quiz-hint-popup__title {
		font-size:18px;
	}

	.quiz-hint-popup__close {
		top:14px;
		right:14px;
		width:40px;
		height:40px;
	}

	.quiz-hint-popup__body {
		max-height:calc(100dvh - 125px);
		padding:16px;
		font-size:14px;
		line-height:1.6;
	}
}