/*
Theme Name: Axolotl
Author: Propaganda3
Author URI: https://wordpress.org/
Description: An Amphibious WPO Theme.
Version: 1.0
Text Domain: Axolotl
*/

.bg-img {
	width: 100vw;
	margin-bottom: 40px;
	margin-inline: calc( ( 100% - 100vw ) / 2 );
}

.bg-img img {
	width: 100%;
	height: 382px;
	object-fit: cover;	
}

.post-single-bg-img img {
	width: 100%;
	aspect-ratio: 1200 / 678;
	object-fit: cover;
}

.wp-block-p3-wpo-container.plain_page_hero p {
	max-width: unset;
}

.blog .blog-filters .archives-list--alt {
	position: relative;
}

.blog .blog-filters .archives-list--alt .list_signal {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.29;
	letter-spacing: 0.03em;
	color: #232222;
	margin-bottom: 8px;
}

.blog .blog-filters .archives-list--alt .list_label {
	border: 2px solid #d9d7d3;
	padding: 12px 15px;
	font-size: 100%;
	text-transform: none;
}

.blog .blog-filters .archives-list--alt .list_label::after {
	right: 5px;
}

.blog .blog-filters .archives-list--alt .filter-list {
	position: absolute;
	top: calc(100% - 20px);
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	max-height: 255px;
	overflow: auto;
	background: white;
	border: 1px solid currentColor;
}

.blog .blog-filters .archives-list--alt .filter-list li {
	padding-inline: 11px !important;
}

.blog .blog-filters .archives-list--alt .filter-list li:first-child {
	padding-top: 11px !important;
}

.copy-alt .wp-content>.wp-block-p3-wpo-container {
	padding: 0;
}

.copy-alt .container {
	padding: 0;
}

.slider-gallery .swiper {
	--swiper-navigation-sides-offset: 0;
}

.swiper-button-prev,
.swiper-button-next  {
	width: auto !important;
	height: auto !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

/* ------------------------------------------------------------ *\
	Section staff
\* ------------------------------------------------------------ */

.section-staff {
	padding-block: 80px;
	color: #fff;
	background-color: var(--utility-bg-color);
}

.section-staff .container {
	max-width: 1305px;
}

.section-staff .section__head {
	margin-bottom: 21px;
}

.section-staff .section__form {
	margin-bottom: 50px;
}

.section-staff .section__head h2 {
	font-family: "Lexend Exa",sans-serif;
	font-size: 60px;
	line-height: 1.25em;
	letter-spacing: .05em;
	font-weight: 600;
	text-transform: uppercase;
}

@media (max-width: 1199.98px) {
	.section-staff .section__head h2 {
		font-size: 50px;
	}
}

@media (max-width: 991.98px) {
	.section-staff .section__head h2 {
		font-size: 40px;
	}
}

@media screen and (max-width: 767.98px) {
	.section-staff {
		padding-block: 50px;
	}

	.section-staff .section__head h2 {
		font-size: 30px;
	}
}


/*  Form search  */

.form {
	background: #2E2C2C;
	padding: 39px 27px;
}

.form form{
	margin: unset;
}

.form .form__row {
	display: flex;
}

.form .form__label {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.29;
	color: #fff;
	margin-bottom: 2px;
}

.form .form__col:nth-child(2) {
	padding-left: 41px;
	flex: 1;
}

.form .form__col:nth-child(2) .form__label {
	padding-left: 10px;
}

.form .form__col:nth-child(1) {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 63%;
	padding-right: 39px;
	border-right: 1px solid #4D4A4A;
}

.form .form__col:nth-child(1) .form__controls {
	flex: 0 0 90%;
}

.form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.form select,
.form textarea {
	font-size: 30px;
	border: 0;
	outline: 0;
	color: white;
}

.form input::placeholder,
.form textarea::placeholder {
	font-size: 30px;
	font-weight: 500;
	color: #4D4A4A !important;
	text-transform: uppercase;
	letter-spacing: 5.5px !important;
}

.form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, .form input:not([type=submit]):not([type=checkbox]):not([type=radio]):active, select:focus, select:active, textarea:focus, textarea:active {
	border: 0;
	outline: 0;
}

.form .form__actions {
	display: flex;
}

.form .select {
	position: relative;
}

.form.form.form select {
	font-size: 14px;
	font-weight: 400;
	padding: 0 10px !important;
	height: 33px;
	color: #fff;
}

.form.form.form select option {
	background: #2E2C2C;
}

.form .form__btn.form__btn.form__btn {
	font-size: 0;
	padding: 0;
	border: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0312 18.3438C21.6172 18.9688 21.6172 19.9453 21.0312 20.5703C20.4062 21.1562 19.4297 21.1562 18.8047 20.5703L14.1562 15.8828C12.5547 16.9375 10.6016 17.4844 8.49219 17.2109C4.89844 16.7031 2.00781 13.7734 1.53906 10.2188C0.875 4.90625 5.36719 0.414062 10.6797 1.07812C14.2344 1.54688 17.1641 4.4375 17.6719 8.03125C17.9453 10.1406 17.3984 12.0938 16.3438 13.6562L21.0312 18.3438ZM4.58594 9.125C4.58594 11.8984 6.8125 14.125 9.58594 14.125C12.3203 14.125 14.5859 11.8984 14.5859 9.125C14.5859 6.39062 12.3203 4.125 9.58594 4.125C6.8125 4.125 4.58594 6.39062 4.58594 9.125Z' fill='%23DD0031'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
}

.form .form__btn.form__btn.form__btn:after {
	display: none;
}

@media (max-width: 1024px) {
	.form {
		padding: 25px;
	}

	.form input::placeholder,
	.form textarea::placeholder {
		font-size: 24px;
	}
}

@media screen and (max-width:  767.98px) {
	.form {
		padding: 0;
		background: initial;
	}

	.form .form__row {
		flex-direction: column;
		gap: 30px;
	}

	.form .form__col:nth-child(1) {
		padding-right: 20px;
		border-right: 0;
		background: #2E2C2C;
	}

	.form .form__col:nth-child(2) {
		padding-left: 0;
	}

	.form.form.form .select {
		background: #2E2C2C;
	}

	.form.form.form select {
		height: 45px;
	}

	.form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
	.form select,
	.form textarea {
		font-size: 20px;
	}

	.form input::placeholder,
	.form textarea::placeholder {
		font-size: 20px;
	}

	.form .form__col:nth-child(2) .form__label {
		padding-left: 0;
		margin-bottom: 15px;
	}
}

/* ------------------------------------------------------------ *\
	List members
\* ------------------------------------------------------------ */

.list-members ul {
	list-style: none;
}

.list-members.list-members.list-members.list-members.list-members  li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #4d4a4a;
}

.list-members li:before {
	display: none !important;
}

/* ------------------------------------------------------------ *\
	List director
\* ------------------------------------------------------------ */

.list-member {
	padding-block: 5px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem;
}

.list-member a {
	text-decoration:  none;
	word-break: break-all;
}


@media screen and (max-width:  767.98px) {
	.list-member {
		grid-template-columns: 100%;
		gap: initial;
	}

	.list-member {
		padding-block: 15px;
	}
}

body:after {
	content: '';
	z-index: 99999;
	position: fixed;
	inset: 0;
	background-repeat: no-repeat;
	background-size: min(15%, 10rem) auto;
	background-position: center center;
	background-image: url('./images/spinner.svg');
	background-color: rgba(255,255,255, .67);
	transition-property: opacity, visibility;
	transition-duration: .3s;
	transition-timing-function: ease;
	opacity: 0;
	visibility: hidden;
}
body.is-loading:after {
	opacity: 1;
	visibility: visible;
}