/*
Theme Name: Учитель для России
Author: Leo Eidinov, Highfive
Author URI: http://highfivedesign.ru
Description:
Version: 1
*/

.gutenberg {
	font-size: 18px;
	line-height: 1.5;
}
.gutenberg * {
	line-height: 1.5;
}
.gutenberg > *, .gutenberg p {
	margin-bottom: 24px;
}
.gutenberg h2 {
	font-size: 27px;
	line-height: 1.5;
}
.gutenberg h3 {
	font-size: 20px;
	line-height: 1.5;
}
.gutenberg strong {
	font-weight: bold;
}
.gutenberg hr {
	height: 0;
	margin: 70px 0;
}
.gutenberg ul li {
	list-style: disc;
    margin-left: 1.4rem;
}
.gutenberg ol li {
	list-style: auto;
    margin-left: 1.4rem;
}

.gutenberg .wp-block-heading {
	padding-top: 20px;
}
.gutenberg .wp-block-quote cite {
	display: inline-block;
	width: 60%;
	margin-left: 40%;
	text-align: right;
	color: #999;
}

.gutenberg details>summary {
	position: relative;
	list-style: none;
	margin-left: 20px;
	font-weight: bold;
}
.gutenberg details>summary::before {
	font-size: 10px;
	content: "▶";
	position: absolute;
	top: 7px;
	left: -20px;
}
.gutenberg details[open]>summary {
	margin-bottom: 10px;
}
.gutenberg details[open]>summary::before {
	content: "▼";
}
.gutenberg .wp-block-cb-carousel {
	@media (min-width: 768px) {
		margin-left: 30px;
	}
}
.gutenberg details > summary::-webkit-details-marker {
    display: none;
}

footer {
	background-color: #1D1D1B;
}

footer,
footer * {
	font-size: 14px !important;
	line-height: 20px !important;
}

footer,
footer a,
footer nav ul li a:hover {
	color: white !important;
	text-decoration: none;
}

footer nav ul li a:hover {
	text-decoration: underline !important;
}

footer .container {
	margin: 80px auto 0;
	padding: 40px 20px 40px;
	max-width: 1233px;
}

footer nav {
	display: grid;
	grid-template-columns: 1fr;
	grid-row: 4;
	margin-bottom: 40px;
}

footer nav p {
	font-weight: bold;
	margin-bottom: 20px;
}

footer nav ul {
	margin: -10px 0 20px 0;
	display: grid;
	gap: 6px;
}

footer nav ul li {
	padding-left: 12px;
	list-style: none;
}

footer .social {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

footer .vk {
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.861328 1.73633C0 2.59766 0 3.98398 0 6.75391V7.24609C0 10.016 0 11.4023 0.861328 12.2637C1.72266 13.125 3.10898 13.125 5.87891 13.125H6.37109C9.14102 13.125 10.5273 13.125 11.3887 12.2637C12.25 11.4023 12.25 10.016 12.25 7.24609V6.75391C12.25 3.98398 12.25 2.59766 11.3887 1.73633C10.5273 0.875 9.14102 0.875 6.37109 0.875H5.87891C3.10898 0.875 1.72266 0.875 0.861328 1.73633ZM2.06719 4.60195H3.46445C3.51094 6.93984 4.5418 7.92969 5.35938 8.13203V4.60195H6.67734V6.61719C7.48398 6.52969 8.32891 5.61094 8.61602 4.60195H9.93398C9.82461 5.12422 9.61133 5.62188 9.30234 6.05938C8.99336 6.49688 8.59961 6.86602 8.14023 7.14219C8.65156 7.39648 9.10273 7.75469 9.46367 8.19766C9.82734 8.63789 10.0898 9.14922 10.2402 9.69883H8.78828C8.65703 9.22305 8.38359 8.79375 8.00898 8.47109C7.63164 8.1457 7.16953 7.94063 6.67734 7.87773V9.69883H6.51875C3.72695 9.69883 2.13281 7.78477 2.06719 4.60195Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .youtube {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3608 2.01631C13.2077 1.44026 12.758 0.988181 12.1868 0.835056C11.1514 0.555542 7.00003 0.555542 7.00003 0.555542C7.00003 0.555542 2.84864 0.555542 1.81322 0.835056C1.24204 0.988181 0.792391 1.44026 0.639266 2.01631C0.362183 3.05901 0.362183 5.23193 0.362183 5.23193C0.362183 5.23193 0.362183 7.40485 0.639266 8.44756C0.792391 9.0236 1.24204 9.45624 1.81322 9.60936C2.84864 9.88888 7.00003 9.88888 7.00003 9.88888C7.00003 9.88888 11.1514 9.88888 12.1868 9.60936C12.758 9.45624 13.2077 9.02117 13.3608 8.44756C13.6379 7.40485 13.6379 5.23193 13.6379 5.23193C13.6379 5.23193 13.6379 3.05901 13.3608 2.01631ZM5.64378 7.20554V3.25832L9.11218 5.23193L5.64378 7.20554Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .telegram {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78125 0.663208C3.03516 0.663208 0 3.69836 0 7.44446C0 11.1906 3.03516 14.2257 6.78125 14.2257C10.5273 14.2257 13.5625 11.1906 13.5625 7.44446C13.5625 3.69836 10.5273 0.663208 6.78125 0.663208ZM9.92578 5.2761C9.82461 6.34797 9.38164 8.9511 9.15742 10.1515C9.06172 10.6601 8.87578 10.8296 8.69531 10.846C8.30156 10.8816 8.00352 10.5863 7.6207 10.3347C7.02461 9.94368 6.68555 9.70032 6.10859 9.3175C5.43867 8.87727 5.87344 8.63391 6.25352 8.23743C6.35469 8.13352 8.08828 6.55579 8.12109 6.4136C8.12656 6.39446 8.1293 6.32883 8.08828 6.29329C8.04727 6.25774 7.98984 6.27141 7.94883 6.27961C7.88867 6.29237 6.93529 6.92219 5.08867 8.16907C4.81888 8.355 4.5737 8.44524 4.35313 8.43977C4.10977 8.4343 3.64492 8.30305 3.29766 8.19094C2.87383 8.05422 2.53477 7.9804 2.56484 7.74524C2.57943 7.6231 2.74805 7.49823 3.0707 7.37063C5.04674 6.51021 6.36471 5.94237 7.02461 5.66711C8.90859 4.88508 9.29961 4.74836 9.55391 4.7429C9.61133 4.7429 9.73438 4.75657 9.81641 4.82219C9.86995 4.86926 9.90406 4.93456 9.91211 5.0054C9.9269 5.09482 9.93148 5.18564 9.92578 5.2761Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .dzen {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15_12)'%3E%3Cpath d='M8.35 8.79446C7.25 9.92946 7.17 11.3445 7.075 14.4445C9.965 14.4445 11.96 14.4345 12.99 13.4345C13.99 12.4045 14 10.3145 14 7.51946C10.9 7.61946 9.485 7.69446 8.35 8.79446ZM0 7.51946C0 10.3145 0.00999999 12.4045 1.01 13.4345C2.04 14.4345 4.035 14.4445 6.925 14.4445C6.825 11.3445 6.75 9.92946 5.65 8.79446C4.515 7.69446 3.1 7.61446 0 7.51946ZM6.925 0.444458C4.04 0.444458 2.04 0.454458 1.01 1.45446C0.00999999 2.48446 0 4.57446 0 7.36946C3.1 7.26946 4.515 7.19446 5.65 6.09446C6.75 4.95946 6.83 3.54446 6.925 0.444458ZM8.35 6.09446C7.25 4.95946 7.17 3.54446 7.075 0.444458C9.965 0.444458 11.96 0.454458 12.99 1.45446C13.99 2.48446 14 4.57446 14 7.36946C10.9 7.26946 9.485 7.19446 8.35 6.09446Z' fill='white'/%3E%3Cpath d='M14 7.51946V7.36946C10.9 7.26946 9.485 7.19446 8.35 6.09446C7.25 4.95946 7.17 3.54446 7.075 0.444458H6.925C6.825 3.54446 6.75 4.95946 5.65 6.09446C4.515 7.19446 3.1 7.27446 0 7.36946V7.51946C3.1 7.61946 4.515 7.69446 5.65 8.79446C6.75 9.92946 6.83 11.3445 6.925 14.4445H7.075C7.175 11.3445 7.25 9.92946 8.35 8.79446C9.485 7.69446 10.9 7.61446 14 7.51946Z' fill='%231D1D1B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15_12'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.444458)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

footer .btn {
	position: relative;
	margin-top: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #1D1D1B !important;
	background-color: white;
	border-radius: 4px;
	padding: 16px 0;
	margin-bottom: 20px;
	transition: margin 250ms;
}

footer .btn:hover {
	margin-top: -2px;
	margin-bottom: 22px;
	text-decoration: none;
}

footer .primary {
	background-color: #3B553F;
	color: white !important;
}

@media (min-width: 640px) {
	footer .container {
		padding: 80px 20px 40px;
	}

	footer nav {
		grid-template-columns: 1fr 1fr;
		grid-row: 2;
		gap: 30px;
		margin-bottom: 80px;
	}
}

@media (min-width: 1280px) {


	footer nav {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-row: 1;
	}
}