/*!
	Theme Name: certificationauthority
	Author: crimson
	Author URI: https://www.instagram.com/crimson_dow/
	Description: Разработка отдела оценки профессионального мастерства и квалификации педагогов | КБР, Нальчик ул. Чернышевского 226/Тургенева 72
	Version: 1.3.3
*/

@charset "utf-8";
@font-face {
	font-family: 'Circe';
	src: url('assets/fonts/Circe-Light.eot');
	src: local('Circe Light'), local('Circe-Light'),
		url('assets/fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Circe-Light.woff2') format('woff2'),
		url('assets/fonts/Circe-Light.woff') format('woff'),
		url('assets/fonts/Circe-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circe';
	src: url('assets/fonts/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('assets/fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Circe-Regular.woff2') format('woff2'),
		url('assets/fonts/Circe-Regular.woff') format('woff'),
		url('assets/fonts/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circe';
	src: url('assets/fonts/Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('assets/fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Circe-Bold.woff2') format('woff2'),
		url('assets/fonts/Circe-Bold.woff') format('woff'),
		url('assets/fonts/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


:root{
	--color-primaryA: #373c59; /* DarkPurple */
	--color-primaryB: #f15b4e; /* Orange */
	--color-secondaryA: #929ebc;
	--color-secondaryB: #fabfb7;
	--bg-topography: url(assets/icons/topographyWhite.svg);
	--fs-standart: 16px;
	--fs-header:  20px;
}

[text-size="large"]{
	--fs-standart: 20px;
	--fs-header:  24px;
}

[text-size="medium"]{
	--fs-standart: 18px;
	--fs-header:  22px;
}

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Circe', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	width: 100vw;
	overflow-x: hidden;
	font-size: var(--fs-standart);
	background: url(assets/images/CA-pattern.svg), linear-gradient(120deg, rgb(82 88 122 / 60%), rgba(90,129,164,0.8));
	background-size: 100vw, contain;
	background-attachment: scroll, fixed;
}

/** Стилизованный скроллбар **/
::-webkit-scrollbar{
	width:  5px;	height: 6px;
}

::-webkit-scrollbar-thumb {
	background-clip: padding-box;
	background: linear-gradient(120deg, #0994ff, #3583b5);
}

::-webkit-scrollbar-button {
	display: none;
}

::-webkit-scrollbar-track {
	background-color: #373c5959;
}

/** Оформление меню **/
.menu {
	font-size: var(--fs-header);
	font-weight: bold;
	font-style: normal;
	background: var(--bg-topography) var(--color-primaryA);
	background-size: 15vw;
	background-repeat: repeat;
	color: #ebebec;
}

.menuWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	max-width: 1200px;
	padding: 4px 0;
}

.primaryNavMenu {
	z-index: 100;
}

/**** Логотип ****/
#logo{
	align-items: center;
}

#logo-abbr {
	display: none;
}

#logo img {
	height: calc(var(--fs-header) * 1.45 );
}

#showMenu {
	border: none;
	background: none;
	cursor: pointer;
	transition: .4s ease-out;
	display: none;
}

#showMenu:hover {
	transform: scale(1.25);
}

#showMenu img {
	height: calc(var(--fs-header) * 1.2 );
}

.menuLink {
	display: flex;
	font-size: var(--fs-header);
}

.secondaryNavMenu .menuLink {
	flex-direction: column;
	align-items: baseline;
}

.menuLink li {
	list-style-type: none;
}

/**** Меню снизу ****/
.secondaryMenu {
	position: sticky;
	z-index: 13;
}

.secondaryMenuWrapper {
	align-items: end;
	flex-wrap: wrap;
}

.side-info{
	margin-top: 0.5em;
	margin-left:auto;
}

.partners {
	margin-right: 5px;
}

.partner_logo {
	height: 32px;
	margin: 0 4px;
}

.copyright {
	text-align: right;
	font-size: 14px;
	padding-right: 10px;
}

.copyright::first-letter {
	font-size: 20px;
	padding-right: 2px;
}

.secondaryNavMenu {
	flex-direction: row;
	text-align: right;
}

.secondaryNavMenu .menuLink {
	flex-direction: column;
	font-size: var(--fs-standart);
}

.secondaryMenuPart li {
	margin: 9px 6px;
}

/*** фигурка у вложенных ссылок ***/
.menuLink a {
	display: flex;
	justify-content: center;
	color: inherit;
	text-decoration: none;
}

.primaryNavMenu a {
	padding: 0 4px;
	user-select: none;
}

.primaryNavMenu a:only-child:after {
	content:"";
	margin: 0;
	border: none;
}

.primaryNavMenu a:after {
	content: "";
	align-self: center;
	margin: 0 5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid rgb(255 255 255);
}

/**** Анимация для выпадающего меню ****/
.menuLink ul {
	position: absolute;
	display: flex;
	opacity: 0;
	padding-top: 8px;
	transition: opacity .5s ease;
	transform: scale(0);
	flex-direction: column;
}

.menuLink ul li {
	background: black;
	padding: 4px;
	box-shadow: 7px 7px 9px 4px #00000040, -7px 7px 9px 4px #00000040;
}

.menuLink li:hover > ul {
	opacity: 1;
	transform: scale(1);
}

.pageHeader {
	text-align: center;
}

/****** Основной контент ******/
.content {
	display: flex;
	min-height: calc(100vh - 34px);
	overflow-x: auto;
	color: rgb(65 64 66);
}

body.admin-bar .content {
	min-height: calc(100vh - 66px);
}

.pageContent, article {
	margin: 0 auto;
	min-width: 320px;
	max-width: 1200px;
	padding: 15px 30px;
	color: rgb(65 64 66);
	background-color: #ebebec;
	background-image: url(assets/icons/diagonal-lines.svg);
	box-shadow: 0 0 10px 5px;
}

/** Для слабовидящих **/
.vis-imp {
	position: fixed;
	bottom: 12px;
	right: 12px;
	z-index: 12;
}

.vis-imp-mode-wrapper {
	display: flex;
	flex-direction: column;
	max-height: max-content;
	transform: translateY(190px);
	transform-origin: bottom;
	opacity: 0;
	height: 0;
	transition-timing-function: ease-out;
	transition-property: transform, opacity, height;
	transition-delay: 0s, 0s, 0.2s;
	transition-duration: .4s, .6s, .2s;
}

.vis-imp.active .vis-imp-mode-wrapper{
	height: 131px;
	opacity: 1;
	transform: unset;
}

.vis-imp-mode, .vis-imp-controller {
	display: block;
	background: var(--color-primaryA);
	color: white;
	margin: 5px 0;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	border: 3px solid;
	font-size: 16px;
}

.vis-imp-mode.current {
	background: var(--color-primaryB);
}

.vis-imp-controller {
	background-image: url(assets/icons/glasses.svg);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: -4px 0px 10px 0px #ffffff70;
}

#vim-origin {
	transform: scale(0.8);
}

#vim-large {
	transform: scale(1.25);
	margin-bottom: 10px;
}

/****** Шаблоны ******/
.large_image img {
	min-width: 440px;
	cursor: pointer;
}

.card-break {
	width: 100%;
	margin: 5px 0;
	border: 1px solid;
	border-color: inherit;
}

.color-primaryA{
	color: var(--color-primaryA);
}

.standart-list {
	padding: 0 15px 0 40px;
	max-width: 1200px;
	margin-top: 4px;
	text-align: justify;
}

.standart-list a {
	color: var(--color-primaryB);
}

.standart-list li {
	text-indent: -30px;
	list-style: none;
	margin-bottom: 8px;
}

.standart-list li::before {
	content: "";
	display: inline-flex;
	vertical-align: middle;
	width: 10px;
	height: 3px;
	margin-right: 4px;
	background: var(--color-primaryB);
}

.term {
	color: inherit !important;
	text-decoration: none;
	text-indent: 0;
}

.term::after{
	content: "❖";
	display: inline-flex;
	color: var(--color-primaryB);
	font-size: calc(var(--fs-standart) / 2);
	vertical-align: top;
}

.partners .term {
	display: unset;
}

.partners .term::after{
	content: "";
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 250;
	background: #00000080;
	backdrop-filter: blur(5px) grayscale(0.2);
}

.modal-wrapper {
	width: 450px;
	max-width: 80vw;
	max-height: 80vh;
	padding: 1em;
	overflow: auto;
	background: var(--color-primaryB);
	color: #ebebec;
}

.modal-close {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	background: url(assets/icons/meteor.svg) bottom left no-repeat;
	background-size: 20px;
	cursor: pointer;
	transform: translate(1em, -1em);
}

.modal-content {
	padding-top: 0.5em;
	text-align: justify;
	text-indent: 1em;
}

.modal-link {
	color: inherit;
	float: right;
}

.modal-link.site::before {
	content: "Сайт";
}

.modal-link.form::before {
	content: "Форма";
}

.modal-link.example::before {
	content: "Пример";
}

.modal-link.registry::before {
	content: "Реестр";
}

/** Описание и процедура прохождения НОК **/
.nok-block {
	text-align: justify;
	margin-bottom: 15px;
}

.nok-block h2 {
	margin-bottom: 0.5em;
}

.nok-block strong {
	color: var(--color-primaryA);
}

.nok-block p {
	text-indent: calc(var(--fs-standart) * -1);
	padding-left: var(--fs-standart);
}

.nok-block p:not(:last-child) {
	margin-bottom: 12px;
}

.nok-block p a {
	color: var(--color-primaryB);
}

.nok-block .standart-list{
   padding: 0 15px 0 25px;
}


.nok-block .standart-list li {
	text-indent: -15px;
}

.nok-scheme-mng {
	display: flex;
	justify-content: space-between;
	padding: 0 15px 0 25px;
}

.nok-scheme-mng-section {
	display: flex;
	column-gap: 10px;
}

.nok-scheme-mng-icon {
	display: block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

.nok-scheme-mng-icon::after {
	display: block;
	content: "";
	position: relative;
	left: -6px;
	width: 31px;
	height: 0px;
	box-shadow: 0 0 6px 3px #e9e9eab0;
	transform: rotate(-45deg);
	background-repeat: no-repeat;
	background-size: 24px 12px;
	animation: glare-vertical 5s cubic-bezier(0.76, 0.2, 1, 1) infinite;
}

.nok-scheme-mng-icon.pdf{
	background-image: url(assets/icons/pdf.svg);
}

.nok-scheme-mng-icon.img{
	background-image: url(assets/icons/img.svg);
}

.nok-scheme-mng-icon.text{
	background-image: url(assets/icons/text.svg);
}

.nok-scheme-mng-icon.draw{
	background-image: url(assets/icons/draw.svg);
}

.nok-scheme-mng-icon.nark {
	background-image: url(assets/icons/NARK-edited.svg);
}

#draw {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

#draw:target {
	visibility: visible;
	height: auto;
}

#draw:target + #text{
	display: none;
}

#draw iframe {
	display: block;
	max-height: 60vh;
	max-width: 90vw;
	margin: 0 auto;
	border-radius: 12px 0 0 12px;
}

/** Частые вопросы **/
.faq-list:not(:last-of-type) {
	margin-bottom: 15px;
}

.faq-list .question {
	color: var(--color-primaryB);
	cursor: pointer;
	font-size: var(--fs-header);
	margin-top: 0.8em;
}

.faq-list .answer {
	transition: .4s ease;
	transition-property: transform, height;
	transform: rotateX(90deg);
	transform-origin: top;
	padding-left: 14px;
	height: 0;
}

.faq-list .question.expanded + .answer{
	transform: unset;
	font-size: inherit;
	visibility: visible;
}

.faq-list .answer a {
	color: var(--color-primaryB);
}

.faq-list .answer a.faq-answer-switch {
	color: var(--color-primaryA);
	font-weight: bold;
}

.faq-list .answer.standart-list {
	padding-left: 44px;
}

.faq-list .answer .standart-list li::before {
    width: 4px;
    height: 4px;
}

.faq-list .answer .standart-list li {
    text-indent: -8px;
}

.faq-list .answer .standart-list {
    padding-left: 24px;
}

/****** Адаптив ******/
@media screen and (max-width: 1440px){
	.menuLink ul li{
		display: flex;
	}
}

@media screen and (max-width: 1200px){
	.menuWrapper {
		padding: 4px 0 4px 4px;
	}

	.primaryNavMenu {
		padding-right: 30px;
	}
}

@media screen and (max-width: 720px){
	.pageContent{
		padding: 10px 5px;
	}

	.primaryNavMenu {
		padding-right: 5px;
	}

	:root{
		--fs-standart: 15px;
		--fs-header:  18px;
	}

	[text-size="large"]{
		--fs-standart: 19px;
		--fs-header:  22px;
	}

	[text-size="medium"]{
		--fs-standart: 17px;
		--fs-header:  20px;
	}

	.menuLink ul {
		padding-top: 4px;
	}

	.secondaryMenuPart li {
		margin: 4px;
	}

	#logo-abbr {
		display: inherit;
	}

	#logo-extended {
		display: none;
	}

	.nok-scheme-mng{
		justify-content: flex-end;
		column-gap: 18px;
	}

	.nok-scheme-mng-icon {
		width: 18px;
		height: 18px;
	}
}

@media screen and (max-width: 600px){
	/**** Меню для смартфонов****/
	.primaryMenuWrapper {
		padding: 0;
		background: inherit;
	}

	.primaryMenu.active #showMenu {
		display: none;
	}

	#showMenu {
		display: inherit;
		margin: auto 10px auto 0;
	}

	#logo{
		z-index: 125;
		padding: 4px 0 7px 10px;
		background: inherit;
		width: 100%;
	}

	.primaryMenu.active .primaryMenuWrapper {
		justify-content: space-between;
	}

	.primaryMenuPart.menuLink {
		flex-direction: column;
	}

	.primaryMenu.active .primaryMenuPart.pages {
		max-height: calc(100vh - 70px);
		justify-content: flex-start;
		overflow: auto;
	}

	.primaryMenu .menuLink {
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 0 0 15px 0;
		background: var(--bg-topography) var(--color-primaryA);
		background-size: 15vw;
		background-repeat: repeat;
		transform: scaleY(0);
		padding: 15px 15px;
		padding-top: calc(var(--fs-header) * 2);
		font-size: 0;
		transform-origin: top;
		transition: .5s cubic-bezier(0.4, 0, 1, 1);
		font-size: 0;
		align-items: baseline;
		max-height: 85vh;
		overflow: auto;
	}

	.admin-bar .primaryMenu .menuLink
	{
		top: 46px;
	}

	.primaryMenu.active .menuLink {
		transform: scaleY(1);
		font-size: inherit;
		box-shadow: 0 0 4px 20px #00000060, 0 0 50vh 50vh #00000060;
	}

	.primaryMenu.active .menuLink ul {
		opacity: 1;
		position: inherit;
		transform: none;
		padding-top: 0;
	}

	.primaryMenu.active .menuLink ul li {
		border: none;
		margin-left: 10px;
		background: none;
		box-shadow: none;
		padding: 0;
	}

	.primaryMenuPart.menuLink a{
		justify-content: inherit;
		margin-top: 4px;
	}

	.primaryMenuPart.menuLink a:after {
		border: none;
	}

	.standart-list{
		text-align: unset;
		padding: 0 15px 0 25px;
	}

	.faq-list .answer.standart-list{
		padding-left: 24px;
	}

	.standart-list li {
		text-indent: -15px;
	}

	.modal-content {
		text-align: unset;
	}

	#draw iframe {
		border-radius: 0;
	}

	.partner_logo{
		height: 26px;
	}
}

@media screen and (max-width: 440px){
	:root{
		--fs-standart: 14px;
		--fs-header:  16px;
	}

	[text-size="large"]{
		--fs-standart: 18px;
		--fs-header:  20px;
	}

	[text-size="medium"]{
		--fs-standart: 16px;
		--fs-header:  18px;
	}

	.primaryNavMenu {
		padding-right: 5px;
	}

	.menuLink ul {
		padding-top: 9px;
	}

	.nok-block{
		text-align: unset;
	}
}

/** Анимации **/
/** Блики для кнопок **/
@keyframes glare-vertical{
  from {
	top: -12px;
  }

  33%, to {
	top: 40px;
  }
}

@keyframes glare-horizontal{
  from {
	left: -110%;
  }

  40%, to {
	left: 110%;
  }
}