/* # # # © | 2021-2025 | Kalmyk Portal, Translate, GPT, TTS & STT | https://halmg.ru */
/* # # # CSS -> Page -> Courses */





/* # # CONTENT */
#content_wrap {
	grid-template-rows: unset;
}





#courses_menu_block {
	position: relative;
	margin-bottom: var(--global_16px);
	padding-left: var(--global_16px);
	padding-right: var(--global_16px);
	width: 100%;
}
	#courses_menu_block div {
		display: block;
		position: relative;
		float: left;
		padding-top: var(--global_10px);
		padding-bottom: var(--global_14px);
		width: 50%;
		height: auto;
		opacity: 0.95;
		text-align: center;
		user-select: none;
	}
		#courses_menu_block div span {
			display: inline-block;
			position: relative;
			background-image:
				linear-gradient(
					90deg,





					var(--link),
					var(--link_secondary)
				)
			;
			background-clip: text;
			color: transparent;
			font-size: var(--global_18px);
			line-height: var(--global_25px);
			cursor: pointer;
		}
			#courses_menu_block div span:hover {
				color: var(--link);
				text-decoration: underline;
			}
		#courses_menu_block div i {
			display: block;
			position: relative;
			opacity: 0.7;
			font-size: var(--global_14px);
			cursor: default;
		}





#courses_menu_block div.courses_menu_item {
	width: 100%;
}





.courses_menu_item p {
	margin: 6px auto;
	width: 50%;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}





#courses_menu_block div.course_0_lesson_item,
#courses_menu_block div.course_1_lesson_item,
#courses_menu_block div.course_2_lesson_item,
#courses_menu_block div.course_3_lesson_item {
	display: none;
}





#courses_view_audio_player,
#courses_view_block {
	display: none;
	position: relative;
	width: 100%;
	margin-top: var(--global_75px);
	margin-bottom: 0;
}





#courses_menu_block h3,
#courses_view_block h3,
.courses_view_block_hint {
	display: inline-block;
	position: relative;
	padding-left: var(--global_32px);
	padding-right: var(--global_32px);
	width: 100%;
	text-align: center;
	user-select: none;
}
	#courses_menu_block h3,
	#courses_view_block h3,
	#courses_view_block h4 {
		opacity: 0.85;
		font-size: var(--global_16px);
		font-weight: normal;
		text-transform: uppercase;
	}
	#courses_view_block h3 span {
		font: var(--title_font);
		line-height: var(--global_34px);
		font-weight: bold;
	}
	#courses_menu_block h3 {
		margin-bottom: var(--global_17px);
		height: var(--global_44px);
		font: var(--title_font);
		font-weight: bold;
	}
	#courses_view_block h4 {
		margin-bottom: var(--global_14px);
		width: 100%;
		background: transparent;
		font-size: var(--global_18px);
		font-weight: bold;
		text-align: center;
		opacity: 0.65;
		pointer-events: none;
		user-select: none;
	}





.courses_view_block_hint {
	margin-top: var(--global_1px);
	margin-bottom: var(--global_20px);
	height: var(--global_26px);
	opacity: 0.7;
	font: var(--small_font_span);
	font-style: italic;
}





.courses_view_item {
	display: block;
	position: relative;
	margin-top: var(--global_16px);
	width: 100%;
	height: auto;
	font: var(--text_font);
	text-align: left;
	clear: right;
	font-size: var(--global_20px);
}
	.courses_view_item i {
		display: block;
		position: relative;
		float: left;
		margin-bottom: var(--global_8px);
		margin-right: var(--global_16px);
		min-width: var(--global_42px);
		height: auto;
		opacity: 0.5;
		text-align: right;
		user-select: none;
		cursor: default;
	}
	.courses_view_item p {
		display: inline-block;
		position: relative;
		margin-bottom: var(--global_16px);
		width: 88%;
	}
	.courses_view_item b {
		opacity: 0.8;
		cursor: pointer;
	}
		.courses_view_item b:hover,
		.courses_view_item b:hover .courses_red,
		.courses_view_item b:hover .courses_blue {
			text-decoration: underline;
			text-decoration-color: var(--black);
		}
	.courses_view_item p span:first-of-type {
		display: inline-block;
	}





.courses_red {
	color: red;
}





.courses_blue {
	color: #0064FF;
}





.courses_dialog p {
	width: auto;
}
.courses_dialog div {
	width: 50%;
	float: left;
}
.courses_dialog div:first-of-type {
	padding-right: 10px;
}
.courses_dialog div:last-of-type p {
	opacity: 0.7
	cursor: text;
	font-weight: normal;
}
.courses_dialog div:last-of-type p:hover {
	text-decoration: none;
	cursor: text;
}
	.courses_dialog p:last-of-type,
	.courses_view_list span {
		opacity: 0.7;
	}
	.courses_dialog p:first-of-type {
		opacity: 0.8;
		font-weight: bold;
	}
		.courses_dialog p:first-of-type:hover,
		.courses_dialog p:first-of-type:hover .courses_red,
		.courses_dialog p:first-of-type:hover .courses_blue {
			text-decoration: underline;
			text-decoration-color: var(--black);
			cursor: pointer;
		}





.courses_dialog + .courses_view_line,
.courses_view_list + .courses_view_line {
	margin-bottom: var(--global_74px);
}





.courses_view_line {
	display: block;
	position: relative;
	margin-top: var(--global_74px);
	padding-top: var(--global_1px);
	width: 100%;
	height: var(--global_36px);
	background: transparent;
	opacity: 0.45;
	clear: both;
}





.courses_view_list {
	width: 50%;
	float: left;
}





.courses_dialog i {
	font-weight: bold;
	opacity: 1;
}
.courses_dialog p {
	font-weight: normal !important;
}





.courses_reference p {
	opacity: 0.8;
}





.courses_reference_list {
	margin-bottom: var(--global_10px);
}
.courses_reference_list p,
.courses_reference_list b {
	opacity: 1;
}





.courses_navigation {
	display: flex;
	margin:
		var(--global_20px)





		0
	;
	padding-top: var(--global_74px);
	justify-content: center;
	align-items: center;
	clear: both;
}
	.courses_navigation a {
		margin:
			0





			var(--global_25px)
		;
	}




.courses_tree b,
.courses_tree b:hover,
.courses_household b,
.courses_household b:hover {
	cursor: text;
	text-decoration: none;
	pointer-events: none;
}





#courses_view_block table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
#courses_view_block td {
	border: 1px solid black;
	padding: 4px;
	text-align: left;
	font-size: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}





.courses_video_item {
	display: inline-block;
	max-width: 100%;
	max-height: 574px;
	margin-top: 74px;
	position: relative;
	width: 100%;
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
}
.courses_video_item:first-of-type {
	margin-top: 2px;
}
video {
	object-fit: cover;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #999;
}





.courses_img_item {
	display: inline-block;
	max-width: 1178px;
	margin-top: 74px;
	position: relative;
	width: 100%;
	height: auto;
}
.courses_img_item:first-of-type {
	margin-top: 2px;
}
.courses_img_item img {
	width: inherit;
}





.courses_view_item.courses_tree {
	margin-top: -16px;
}





/* # # MEDIA */
@media (max-width: 1080px) {
	.courses_view_item i {
		display: none;
	}





	.courses_dialog i {
		display: inline;
	}
}





@media (max-width: 964px) {
	#courses_menu_block div {
		width: 100%;
	}





	.courses_view_list {
		width: 100%;
	}





	.courses_view_item {
		padding-left: 1px;
	}
}