/*
Theme Name: hmnotes
Theme URI: https://webkato.ru/
Author: Natalya Mambetova
Author URI: https://webkato.ru/ob-avtore-i-portfolio/
Description: WP Block Theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hmnotes
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

body{
	padding: 0 !important;
}

main {
  flex: 1;
}

footer {
  flex-shrink: 0;
}
a {
    text-decoration: none;
}

a:focus {
	text-decoration: none;
	outline: thin;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

img {
    font-size: .8em;
    max-width: 100%;
    height: auto;
}

img[loading],iframe[loading] {
	background-image: url('images/mini-loading.gif');
	background-color: #e9edf5;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

img:before {
	content: "Картинка не загрузилась, обновите страницу!";
	display: block;
	margin-bottom: 10px;
}

embed,iframe,object {
	max-width: 100%!important;
}

iframe::before,iframe::after {
	display: table;
	content: '';
}

iframe::after {
	clear: both;
}

ins.adsbygoogle[data-ad-status='unfilled'] {
	display: none !important;
}

.more-link {
	display: block;
}

input[type="search"]::-webkit-input-placeholder {
  	color: currentColor;
}

input[type="search"]::-moz-placeholder {
  	color: currentColor;
}

input[type="search"]:-ms-input-placeholder {
  	color: currentColor;
}

input[type="search"]::-ms-input-placeholder {
  	color: currentColor;
}

input[type="search"]::placeholder {
  	color: currentColor;
}

input[type="search"]:focus::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus::-moz-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus::placeholder {
	color: rgba(0, 0, 0, 0.2);
}
.onsearchpage .wp-block-search__input{
	border: 6px dashed var(--wp--preset--color--accent-3);
	outline: 8px solid var(--wp--preset--color--white);
}
.divider-header, .divider-content, .divider-bottom, .divider-footer{
	pointer-events: none;
	background-repeat: no-repeat; 
	background-size: 354% 80px;
	background-position: 50% 0%;
	width: 100%;
	min-height: 80px;
}

.divider-header{
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 7" preserveAspectRatio="none"><path d="M0 0a1 1 0 005 0 1 1 0 003 0 1 1 0 004 0 1 1 0 003 0 1 1 0 002 0 1 1 0 005 0 1 1 0 007 0 1 1 0 005 0 1 1 0 0010 0 1 1 0 005 0 1 1 0 008 0 1 1 0 005 0 1 1 0 006 0 1 1 0 005 0 1 1 0 0011 0 1 1 0 005 0 1 1 0 008 0 1 1 0 006 0 1 1 0 008 0 1 1 0 0010 0 1 1 0 007 0z" fill="%23bc9cc7"/><path d="M0 0a1 1 0 007 0 1 1 0 0010 0 1 1 0 008 0 1 1 0 0011 0 1 1 0 0013 0 1 1 0 0010 0 1 1 0 0012 0 1 1 0 0013 0 1 1 0 0011 0 1 1 0 009 0 1 1 0 0012 0 1 1 0 0012 0z" fill="%23bc9cc7" opacity=".66"/></svg>');
	-webkit-filter: drop-shadow(1px 1px 0px rgb(63, 13, 81));
	filter: drop-shadow(1px 1px 0px rgb(63, 13, 81));
}

.divider-content{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.87 1.72' preserveAspectRatio='none'><g fill='%23fff'><path d='m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/><path d='m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z' opacity='.66' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/></g></svg>");
	-webkit-filter: drop-shadow(2px 0px 0px rgb(153, 117, 166));
	filter: drop-shadow(2px 0px 0px rgb(153, 117, 166));
}

.divider-bottom{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.87 1.72' preserveAspectRatio='none'><g transform='scale(1,-1) translate(0,-1.72)' fill='%23fff'><path d='m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/><path d='m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z' opacity='.66' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/></g></svg>");
	-webkit-filter: drop-shadow(-1px 2px 0px rgb(153, 117, 166));
	filter: drop-shadow(-1px 2px 0px rgb(153, 117, 166));
}

.divider-footer{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.87 1.72' preserveAspectRatio='none'><g fill='%23bc9cc7'><path d='m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/><path d='m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z' opacity='.66' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/></g></svg>");
	-webkit-filter: drop-shadow(-1px -1px 0px rgb(63, 13, 81));
	filter: drop-shadow(-1px -1px 0px rgb(63, 13, 81));
}

.content-grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

.page-numbers.current {
    background: var(--wp--preset--color--accent-2);
    border-radius: 50%;
    padding: 5px 8px;
}

.widget-title{
	position: relative;
	display: inline-block;
	background-color: var(--wp--preset--color--accent-3);
	padding: 7px 10px;
	margin: 0;
	letter-spacing: .1px;
	color: var(--wp--preset--color--base);
	border-radius: 10px 30px 30px 0;
	line-height: 1.5;
	font-size: var(--wp--preset--font-size--medium);
	border: 1px solid var(--wp--preset--color--accent-1);
}

.widget-title::before {
	position: absolute;
	top: 100%;
	left: 0;
	content: ' ';
	border: 5px solid transparent;
	border-top: 5px solid var(--wp--preset--color--accent-1);
	border-right: 5px solid var(--wp--preset--color--accent-1);
}

/*
 * Comments
*/

html, body {
	height: 100%;
	margin: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body{
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent)), radial-gradient(#FFE7E2 4px, transparent 4px), radial-gradient(#e7ddf0 4px, transparent 4px), #d4d4d4;
  	background: -o-linear-gradient(transparent 50%), -o-radial-gradient(#FFE7E2 4px, transparent 4px), -o-radial-gradient(#e7ddf0 4px, transparent 4px), #d4d4d4;
  	background: linear-gradient(transparent 50%), radial-gradient(#FFE7E2 4px, transparent 4px), radial-gradient(#e7ddf0 4px, transparent 4px), #d4d4d4;
    background-size: 100%, 24px 24px, 24px 24px, 100%;
    background-position: 0 0, -2px 6px, 10px 18px, 0 0;
}
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
  flex: 1;
}

footer {
  flex-shrink: 0;
}
a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

img {
    font-size: .8em;
    max-width: 100%;
    height: auto;
}
.more-link {
	display: block;
}

input[type="search"]::-webkit-input-placeholder {
  	color: currentColor;
}

input[type="search"]::-moz-placeholder {
  	color: currentColor;
}

input[type="search"]:-ms-input-placeholder {
  	color: currentColor;
}

input[type="search"]::-ms-input-placeholder {
  	color: currentColor;
}

input[type="search"]::placeholder {
  	color: currentColor;
}

input[type="search"]:focus::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus::-moz-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}
input[type="search"]:focus::placeholder {
	color: rgba(0, 0, 0, 0.2);
}
.onsearchpage .wp-block-search__input{
	border: 6px dashed var(--wp--preset--color--accent-3);
	outline: 8px solid var(--wp--preset--color--white);
}
.divider-header, .divider-content, .divider-bottom, .divider-footer{
	pointer-events: none;
	background-repeat: no-repeat; 
	background-size: 354% 80px;
	background-position: 50% 0%;
	width: 100%;
	min-height: 80px;
}

.divider-header{
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 7" preserveAspectRatio="none"><path d="M0 0a1 1 0 005 0 1 1 0 003 0 1 1 0 004 0 1 1 0 003 0 1 1 0 002 0 1 1 0 005 0 1 1 0 007 0 1 1 0 005 0 1 1 0 0010 0 1 1 0 005 0 1 1 0 008 0 1 1 0 005 0 1 1 0 006 0 1 1 0 005 0 1 1 0 0011 0 1 1 0 005 0 1 1 0 008 0 1 1 0 006 0 1 1 0 008 0 1 1 0 0010 0 1 1 0 007 0z" fill="%23bc9cc7"/><path d="M0 0a1 1 0 007 0 1 1 0 0010 0 1 1 0 008 0 1 1 0 0011 0 1 1 0 0013 0 1 1 0 0010 0 1 1 0 0012 0 1 1 0 0013 0 1 1 0 0011 0 1 1 0 009 0 1 1 0 0012 0 1 1 0 0012 0z" fill="%23bc9cc7" opacity=".66"/></svg>');
	-webkit-filter: drop-shadow(1px 1px 0px rgb(63, 13, 81));
	filter: drop-shadow(1px 1px 0px rgb(63, 13, 81));
}

.divider-content{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.87 1.72' preserveAspectRatio='none'><g fill='%23fff'><path d='m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/><path d='m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z' opacity='.66' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/></g></svg>");
	-webkit-filter: drop-shadow(2px 0px 0px rgb(153, 117, 166));
	filter: drop-shadow(2px 0px 0px rgb(153, 117, 166));
}

.divider-bottom{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.87 1.72' preserveAspectRatio='none'><g transform='scale(1,-1) translate(0,-1.72)' fill='%23fff'><path d='m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/><path d='m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z' opacity='.66' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/></g></svg>");
	-webkit-filter: drop-shadow(-1px 2px 0px rgb(153, 117, 166));
	filter: drop-shadow(-1px 2px 0px rgb(153, 117, 166));
}

.divider-footer{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.87 1.72' preserveAspectRatio='none'><g fill='%23bc9cc7'><path d='m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/><path d='m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z' opacity='.66' transform='matrix(-.26458 0 0 -.26458 33.87 1.72)'/></g></svg>");
	-webkit-filter: drop-shadow(-1px -1px 0px rgb(63, 13, 81));
	filter: drop-shadow(-1px -1px 0px rgb(63, 13, 81));
}

.content-grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

.page-numbers.current {
    background: var(--wp--preset--color--accent-2);
    border-radius: 50%;
    padding: 5px 8px;
}

.widget-title{
	position: relative;
	display: inline-block;
	background-color: var(--wp--preset--color--accent-3);
	padding: 7px 10px;
	letter-spacing: .1px;
	color: var(--wp--preset--color--base);
	border-radius: 10px 30px 30px 0;
	line-height: 1.5;
	font-size: var(--wp--preset--font-size--medium);
	border: 1px solid var(--wp--preset--color--accent-1);
}

.widget-title::before {
	position: absolute;
	top: 100%;
	left: 0;
	content: ' ';
	border: 5px solid transparent;
	border-top: 5px solid var(--wp--preset--color--accent-1);
	border-right: 5px solid var(--wp--preset--color--accent-1);
}

.social-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
	font-weight: 600;
	gap: 20px;
}

.social-share-btn {
	display: flex;
	gap: 10px;
}

.share-btn {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 6px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;	
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.share-btn.vk { background: #4a76a8; }
.share-btn.ok { background: #ee8208; }
.share-btn.tg { background: #0088cc; }

.share-btn:hover { opacity: 0.85; }

/*
 * Comments
*/
.comment-group{
	width:100%;
}
.wp-block-comment-content a,.is-style-default li a,.rank-math-breadcrumb p a,.rank-math-link,.wp-block-image figcaption a, a.ek-link, .entry-content p a, .toc-wrapper li a {
    padding-bottom: 2px;
    border-bottom: 1px dashed #000;
}
.wp-block-comment-content a, .is-style-default li a, .wp-block-list a, .rank-math-link,.wp-block-image figcaption a, a.ek-link, .entry-content p a {
    color: #9b00d0;
  	font-weight: 500;
}
.wp-block-comment-content a:hover,.is-style-default li a:hover,.rank-math-link:hover,.wp-block-image figcaption a:hover, a.ek-link:hover, .entry-content p a:hover, .toc-wrapper li a::after {
    border-bottom: none;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg id=\'squiggle-link\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' xmlns:ev=\'http://www.w3.org/2001/xml-events\' viewBox=\'0 0 20 4\'%3E%3Cstyle type=\'text/css\'%3E.squiggle{animation:shift .3s linear infinite}@keyframes shift{from{transform:translateX(0)}to{transform:translateX(-20px)}}%3C/style%3E%3Cpath fill=\'none\' stroke=\'%23344D90\' stroke-width=\'2\' class=\'squiggle\' d=\'M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3\'/%3E%3C/svg%3E');
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: auto 6px;
}
.wp-block-comment-content a::after,.entry-content .ek-link::after,.entry-content .rank-math-link::after,.entry-content p a::after,.wp-block-image figcaption a::after {
    content: "\1F517";
    font-family: "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}
.wp-block-comments:has(.wp-block-post-comments-form):not(:has(.wp-block-comment-template)) h2 {
   display: none;
}

.br-recipe-details>.wp-block-group-is-layout-flex {
    position: relative;	
    flex: 1 1 200px;
}

.br-recipe-details>.wp-block-group-is-layout-flex::before {
    position: absolute;
    width: 32px;
    height: 32px;
    content: "";
    top: 10px;
    left: 10px;
}

.br_recipe_cat::before {
    background: url(images/img-sprites.png) -62px -165px no-repeat;
}

.br_recipe_servings::before {
    background: url(images/img-sprites.png) -114px -114px no-repeat;
}

.br_recipe_prep_time::before {
    background: url(images/img-sprites.png) -166px -10px no-repeat;
}

.br_recipe_cook_time::before {
    background: url(images/img-sprites.png) -166px -62px no-repeat;
}

.br_recipe_total_time::before {
    background: url(images/img-sprites.png) -166px -114px no-repeat;
}

.br_recipe_difficulty::before {
    background: url(images/img-sprites.png) -10px -165px no-repeat;
}

.ingredient ul li,.post-template-recipe .entry ul li,ul.ingredient li {
    border-bottom: 2px dotted #a7a7a7;
}

.back-to-first-page-link {
    background-color: var(--wp--preset--color--accent-5);
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 2em;
    text-align: center;
}

.back-to-first-page-link p {
    margin: 5px 0;
}

#loading-indicator {
    text-align: center;
    text-transform: uppercase;
    font-size: x-large;
    font-weight: 600;
}

.post-nav-links {
    font-weight: 600;
}

.post-nav-links .post-page-numbers {
    display: inline-block;
    margin: 0 10px 10px 0;
    height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
    cursor: pointer;
    background: var(--wp--preset--color--accent-2);
    border-radius: 50%;
    color: var(--wp--preset--color--contrast) !important;
    border: 0;
    font-weight: 600;
}

.post-nav-links .post-page-numbers:hover {
    background-image: none;
}

.post-nav-links .post-page-numbers::after {
    content: "" !important;
}

.post-page-numbers.current {
    background: var(--wp--preset--color--accent-4);
}

.post-nav-links {
    display: none;
}

.post-nav-links:last-child {
    display: block!important;
}

.toc-toggle {
	display: block;
    width: 100%;
    margin-top: 20px;
    padding-top: 12px;
    cursor: pointer;
    background: none;
    border: none;
    border-top: 1px dotted var(--wp--preset--color--accent-3);
    color: var(--wp--preset--color--accent-1);
    text-transform: uppercase;
    border-radius: 30px;
	font-weight: 600;
}

/*
 * Кнопка скачивания
*/
.media-download {
    background-color: #e9edf5;
    padding: 1em;
}

.download-link{
	text-wrap: auto;
	text-align: center;
    margin-bottom: 30px;
    border: 2px dashed #d4d4d4;
  	border-radius: 30px;
  	padding: 20px;
	-webkit-transition: .6s ease;
	transition: .6s ease;
}

.button-download {
	position: relative;
    display: inline-block;
    width: auto;
    padding: 1.1rem;
    transition: .5s linear;
    transform-origin: top center;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    background-color: var(--wp--preset--color--accent-3);
    border: 1px solid var(--wp--preset--color--accent-1);
    border-radius: 30px;
    cursor: pointer;
}

.button-download:hover {
    background-color: var(--wp--preset--color--accent-4);
	color: white;
}

.download-word {
    display: block;
  	padding: 0 10px 0 68px;
  	text-align: center;
    font-size: var(--wp--preset--font-size--medium);
}

.iconwrap,
.iconplaywrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--wp--preset--color--accent-4);
    border-radius: 30px 0 0 30px;
}

.iconwrap {
    display: flex;
    width: 5rem;
}

.iconplaywrap {
    width: 4rem;
}

.icon-download {
    position: relative;
    display: block;
    width: 2.8rem;
    height: 1rem;
    margin: auto;
    border: .5rem solid #fff;
    border-top: none;
    border-radius: 5px;
}

.icon-download::after,
.icon-download::before,
.icon-down::after,
.icon-down::before,
.icon-play::after,
.icon-play::before {
    position: absolute;
    display: block;
    content: '';
}

.icon-download::after,
.icon-download::before {
    animation: .5s infinite alternate icon-bounce;
}

.icon-download::before {
	  top: -.5rem;
	  left: 0.7rem;
	  width: .5rem;
	  height: .5rem;
	  background: #fff;
}

.icon-download::after {
	  top: -0.125rem;
	  left: 0.45rem;
	  width: 0;
	  height: 0;
	  border-top: 0.5rem solid #fff;
	  border-right: 0.5rem solid transparent;
	  border-left: 0.5rem solid transparent;
}

.icon-down,
.icon-play {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
}

.icon-play::before {
    transform: translateX(5px);
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 17px solid;
}

.icon-down::before {
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 17px solid;
}

header.wp-block-template-part .google-auto-placed,
.divider-header .google-auto-placed,
.divider-content .google-auto-placed,
.divider-bottom .google-auto-placed,
.divider-footer .google-auto-placed {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

@-webkit-keyframes icon-bounce {
    from {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes icon-bounce {
    from {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width:400px){
	.divider-header, .divider-content, .divider-bottom, .divider-footer{
		background-size: 300% 80px;
	}  
}

@media (min-width:600px){
	.divider-header, .divider-content, .divider-bottom, .divider-footer{
		background-size: 200% 80px;
	}  
}

@media (min-width:768px){
	.divider-header, .divider-content, .divider-bottom, .divider-footer{
		background-size: 164% 80px;
	}  
}
 
@media (min-width:1025px){
	.divider-header, .divider-content, .divider-bottom, .divider-footer{ 
		background-size: 110% 80px; 
	}
}
 
@media (min-width:1200px){
	.divider-header, .divider-content, .divider-bottom, .divider-footer{ 
		background-size: 100% 80px; 
	}
}

@media (min-width:2100px){
	.divider-header, .divider-content, .divider-bottom, .divider-footer{
		background-size: 60% calc(1px + 79px);
        background-repeat: repeat-x;
	}
}

@media (min-width: 1340px) {    
.content-grid {
    grid-template-columns: 313px 1fr 313px;
    grid-template-rows: auto;
  }
  .content-grid_left {
    grid-column: 1;
    grid-row: 1;
  }
  .content-grid_center{
    grid-column: 2;
    grid-row: 1;
  }  
  .content-grid_right {
    grid-column: 3;
    grid-row: 1;
  }
}

@media (min-width: 1080px) and (max-width: 1339px) {   
  .content-grid {
    grid-template-columns: 1fr 313px;
    grid-template-rows: auto auto;
  }
  .content-grid_center {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  
  .content-grid_right {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  
  .content-grid_left {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
}
  
@media (min-width: 728px) and (max-width: 1079px) {    
  .content-grid {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
  .content-grid_left {
    grid-column: 1 / 2;
    grid-row: 2 / 2;
  }
  
  .content-grid_center{
    grid-column: 1 / 3;
    grid-row: 1 / 1;
  }
  
  .content-grid_right {
    grid-column: 2 / 2;
    grid-row: 2 / 2;
  }  
}