body.zhn {
--zh-berry: #b41c60;
--zh-berry-2: #890f4c;
--zh-ink: #2a1320;
--zh-text: #2b2228;
--zh-muted: #74636d;
--zh-bg: #fbf6f8;
--zh-soft: #fbeef4;
--zh-line: #f0dde6;
--zh-grad: linear-gradient(135deg, #e0407f 0%, #b41c60 55%, #7d1046 100%);
--zh-wide: 1180px;
--zh-read: 760px;
--zh-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--zh-serif: Lora, Georgia, "Times New Roman", serif;
background: var(--zh-bg);
color: var(--zh-text);
font-family: var(--zh-font);
font-size: 18px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
body.zhn button,
body.zhn input,
body.zhn select,
body.zhn textarea,
body.zhn .main-navigation a,
body.zhn .main-navigation .menu-toggle,
body.zhn #result div a,
body.zhn .random-post-title,
body.zhn .webcam-model-list,
body.zhn .comments-area { font-family: var(--zh-font); }
body.zhn h1, body.zhn h2, body.zhn h3, body.zhn h4 { font-family: var(--zh-serif); color: var(--zh-ink); }
body.zhn ::selection { background: rgba(180, 28, 96, .18); } body.zhn .site-header { background: #fff; border-bottom: 1px solid var(--zh-line); }
body.zhn #masthead .inside-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 24px;
max-width: var(--zh-wide);
margin: 0 auto;
padding: 12px 20px;
}
body.zhn .site-branding { order: 1; margin: 0; }
body.zhn .mobile-menu-control-wrapper { order: 2; margin-left: auto; background: transparent; }
body.zhn #site-navigation { order: 2; margin-left: auto; background: transparent; }
body.zhn .header-widget { order: 3; flex: 1 0 100%; margin: 2px 0 4px; text-align: center; }
body.zhn .header-widget .widget { margin: 0; padding: 0; }
body.zhn .header-widget img { display: inline-block; max-width: min(100%, 728px); height: auto; border-radius: 14px; }
body.zhn .main-title { margin: 0; font-family: Lobster, var(--zh-serif); font-size: 28px; font-weight: 400; line-height: 1.2; }
body.zhn .main-title a { color: var(--zh-berry); text-decoration: none; }
body.zhn #site-navigation .inside-navigation { max-width: none; padding: 0; }
body.zhn #site-navigation,
body.zhn #site-navigation ul ul { background: transparent; }
body.zhn #site-navigation .main-nav ul li a {
padding: 0 14px;
background: transparent;
color: var(--zh-text);
font-size: 15.5px;
font-weight: 600;
line-height: 44px;
text-transform: none;
}
body.zhn #site-navigation .main-nav ul li a:hover { background: transparent; color: var(--zh-berry); }
body.zhn #site-navigation .main-nav ul li[class*="current-menu-"] > a { background: transparent; color: var(--zh-berry); box-shadow: inset 0 -2px 0 var(--zh-berry); }
body.zhn .menu-toggle,
body.zhn .menu-toggle:hover,
body.zhn .menu-toggle:focus {
margin: 0;
padding: 0 16px;
border-radius: 12px;
background: var(--zh-soft);
color: var(--zh-berry);
font-size: 16px;
font-weight: 700;
line-height: 44px;
} body.zhn .site.grid-container { max-width: var(--zh-wide); }
body.zhn .site,
body.zhn #content,
body.zhn .one-container .container,
body.zhn.one-container .container { background: transparent; }
body.zhn .one-container .site-content,
body.zhn.one-container .site-content { padding: 28px 20px 56px; }
body.zhn .site-main .inside-article {
padding: 40px 48px 46px;
border: 1px solid var(--zh-line);
border-radius: 26px;
background: #fff;
box-shadow: 0 18px 50px rgba(90, 20, 55, .05);
}
body.zhn .inside-article .entry-header h1,
body.zhn .entry-title {
margin: 0 0 18px;
color: var(--zh-ink);
font-size: clamp(28px, 4vw, 42px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -.01em;
}
body.zhn .inside-article p { text-align: left; } body.zhn-land .inside-article .entry-header h1 { text-align: center; }
body.zhn-land #main .page .entry-content { text-align: left; } body.zhn-land .entry-content > .block {
display: inline-flex;
flex-direction: column;
vertical-align: bottom;
margin: 0 6px 18px;
text-align: left;
}
body.zhn-land .inside-article .block label {
padding: 0 2px 6px;
background: transparent;
color: var(--zh-muted);
font-size: 13px;
font-weight: 700;
letter-spacing: .05em;
text-shadow: none;
text-transform: uppercase;
}
body.zhn-land #Obraz,
body.zhn-land #Poisk {
width: 220px !important;
height: 48px !important;
padding: 0 14px;
border: 1.5px solid var(--zh-line);
border-radius: 12px;
background: #fff;
color: var(--zh-text);
font-size: 16px;
font-weight: 500;
}
body.zhn-land #Obraz:focus,
body.zhn-land #Poisk:focus { border-color: var(--zh-berry); outline: none; box-shadow: 0 0 0 4px rgba(180, 28, 96, .12); }
body.zhn-land #searchForm3 {
width: 160px !important;
height: 48px !important;
border: 0;
border-radius: 999px;
background: var(--zh-grad);
color: #fff;
font-size: 16px;
font-weight: 800;
text-shadow: none;
cursor: pointer;
box-shadow: 0 10px 24px rgba(180, 28, 96, .28);
} body.zhn-land #result {
height: auto !important;
overflow: visible !important;
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
grid-auto-rows: 230px;
margin: 8px 0 10px;
padding-top: 0;
}
body.zhn-land #result.zhn-collapsed > :nth-child(n+25) { display: none; }
body.zhn-land #result > div {
overflow: hidden;
border-radius: 18px;
background: var(--zh-soft);
box-shadow: 0 8px 22px rgba(90, 20, 55, .08);
}
body.zhn-land #result > div > img { transition: transform .35s ease; }
@media (hover: hover) {
body.zhn-land #result > div:hover > img { transform: scale(1.05); }
}
body.zhn-land #result .tekst_sverhu_kartinki {
top: auto;
bottom: 0;
left: 0;
right: 0;
padding: 40px 12px 12px;
background: linear-gradient(180deg, rgba(42, 19, 32, 0) 0%, rgba(42, 19, 32, .82) 70%);
line-height: 1.3;
text-align: left;
text-transform: none;
}
body.zhn-land #result .tekst_sverhu_kartinki a {
color: #fff;
font-size: 15px !important;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
} body.zhn-land #result .tekst_sverhu_kartinki a::after { content: ""; position: absolute; inset: -400px 0 0 0; }
body.zhn-land #result > img { display: none; }
body.zhn .zhn-more {
display: block;
margin: 18px auto 28px;
padding: 14px 30px;
border: 1.5px solid var(--zh-berry);
border-radius: 999px;
background: #fff;
color: var(--zh-berry);
font-size: 16px;
font-weight: 800;
cursor: pointer;
}
body.zhn .zhn-more:hover { background: var(--zh-soft); }
body.zhn .zhn-more[hidden] { display: none; } body.zhn-land .entry-content > p,
body.zhn-land .entry-content > h2,
body.zhn-land .entry-content > h3,
body.zhn-land .entry-content > ul,
body.zhn-land .entry-content > ol,
body.zhn-land .entry-content > figure,
body.zhn-land .entry-content > .wp-block-image { max-width: var(--zh-read); margin-left: auto; margin-right: auto; }
body.zhn-land .entry-content > p { color: var(--zh-text); font-size: 17.5px !important; text-align: left; }
body.zhn-land .entry-content > ul,
body.zhn-land .entry-content > ol { text-align: left; }
body.zhn-land .entry-content > figure img,
body.zhn-land .entry-content > .wp-block-image img { height: auto; border-radius: 16px; } body.zhn-read .site-main .inside-article { max-width: 880px; margin: 0 auto; }
body.zhn-read .inside-article .entry-header h1 { text-align: left; }
body.zhn-read .entry-content > *:not(.random-posts-grid):not(.random-posts-title):not(.wp-block-gallery) {
max-width: var(--zh-read);
margin-left: auto;
margin-right: auto;
}
body.zhn-read .inside-article .entry-content p {
margin-bottom: 1.1em;
color: var(--zh-text);
font-size: 18px;
line-height: 1.75;
text-align: left;
}
body.zhn-read .inside-article h2 {
position: relative;
margin: 1.9em auto .6em;
padding-top: 16px;
font-size: clamp(24px, 2.8vw, 30px);
font-weight: 700;
line-height: 1.25;
text-align: left;
}
body.zhn-read .inside-article h2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 44px;
height: 4px;
border-radius: 4px;
background: var(--zh-grad);
}
body.zhn-read .inside-article h3,
body.zhn-read .inside-article h3.wp-block-heading { margin: 1.6em auto .5em; color: var(--zh-berry-2); font-size: 22px; text-align: left; }
body.zhn-read .entry-content a { color: var(--zh-berry); text-underline-offset: 3px; }
body.zhn-read .entry-content img { border-radius: 16px; }
body.zhn-read .entry-content .wp-block-image,
body.zhn-read .entry-content figure { margin: 1.4em auto 1.6em; text-align: center; }
body.zhn-read .entry-content figcaption { color: var(--zh-muted); font-size: 14.5px; }
body.zhn-read .inside-article ul li,
body.zhn-read .inside-article ol li { font-size: 18px; text-align: left; }
body.zhn-read .entry-content li::marker { color: var(--zh-berry); font-weight: 700; } body.zhn .webcam-model-list {
margin: 1.4em auto 1.8em !important;
padding: 20px 22px !important;
border: 1px solid var(--zh-line);
border-radius: 18px;
background: var(--zh-soft);
}
body.zhn .webcam-model-list::before {
content: "Содержание";
display: block;
margin-bottom: 6px;
color: var(--zh-berry-2);
font-size: 14px;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
body.zhn .webcam-model-list li { font-size: 16.5px !important; justify-content: flex-start !important; text-align: left !important; }
body.zhn .webcam-model-list li::before { margin: 0 8px 0 0 !important; color: var(--zh-berry); }
body.zhn .webcam-model-list li a { padding: 3px 0; background: none !important; color: var(--zh-text) !important; text-align: left !important; }
body.zhn .webcam-model-list li a:hover { color: var(--zh-berry) !important; } body.zhn .random-posts-title { margin: 48px 0 16px !important; font-family: var(--zh-serif); font-size: 26px !important; text-align: left !important; color: var(--zh-ink); }
body.zhn .random-posts-grid { gap: 14px !important; }
body.zhn .random-post-card { border: 1px solid var(--zh-line) !important; border-radius: 16px; background: #fff; transition: transform .15s, box-shadow .15s; }
body.zhn .random-post-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(90, 20, 55, .1); }
body.zhn .random-post-img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0 !important; }
body.zhn .random-post-title { padding: 10px 12px 12px !important; color: var(--zh-text) !important; font-size: 15px !important; font-weight: 700; line-height: 1.35; text-align: left !important; } body.zhn .comments-area {
margin-top: 26px;
padding: 26px 30px !important;
border: 1px solid var(--zh-line);
border-radius: 22px;
background: #fff !important;
color: var(--zh-text) !important;
}
body.zhn #submit,
body.zhn .comment-form .submit { border-radius: 999px; background: var(--zh-grad); font-weight: 800; } body.zhn .site-info { background: var(--zh-ink); color: rgba(255, 255, 255, .7); font-size: 14px; }
body.zhn .site-info a { color: #fff; } @media (max-width: 768px) {
body.zhn { font-size: 17px; }
body.zhn #masthead .inside-header { padding: 10px 14px; }
body.zhn .main-title { font-size: 23px; }
body.zhn .site-header { position: relative; }
body.zhn #site-navigation { position: static; }
body.zhn #site-navigation { order: 2; flex: 1 0 100%; margin: 0; }
body.zhn #site-navigation.toggled { margin-top: 0; } body.zhn #site-navigation.toggled .main-nav {
margin: 2px 0 8px;
padding: 6px 0;
border: 1px solid var(--zh-line);
border-radius: 16px;
background: #fff;
}
body.zhn #site-navigation.toggled .main-nav ul li { float: none; width: 100%; }
body.zhn #site-navigation.toggled .main-nav ul li a { padding: 0 22px; line-height: 50px; font-size: 16px; }
body.zhn #site-navigation .main-nav ul li[class*="current-menu-"] > a { box-shadow: inset 3px 0 0 var(--zh-berry); }
body.zhn .one-container .site-content,
body.zhn.one-container .site-content,
body.zhn #content { padding: 12px 10px 36px; }
body.zhn .site-main .inside-article { padding: 24px 16px 30px; border-radius: 20px; } body.zhn-land .entry-content > .block { display: inline-flex; width: calc(50% - 9px); margin: 0 0 10px; vertical-align: bottom; }
body.zhn-land .entry-content > .block:first-of-type { margin-right: 6px; }
body.zhn-land .entry-content > .block:has(#searchForm3) { display: flex; width: 100%; margin-right: 0; }
body.zhn-land .inside-article .block label { padding-bottom: 4px; font-size: 11.5px; text-align: left; }
body.zhn-land #Obraz,
body.zhn-land #Poisk,
body.zhn-land #searchForm3 { width: 100% !important; }
body.zhn-land #Obraz,
body.zhn-land #Poisk { height: 46px !important; padding: 0 10px; font-size: 15px; }
body.zhn-land #result { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 190px; gap: 10px; }
body.zhn-land #result .tekst_sverhu_kartinki { padding: 30px 10px 10px; }
body.zhn-land #result .tekst_sverhu_kartinki a { font-size: 14px !important; }
body.zhn-read .inside-article .entry-content p,
body.zhn-read .inside-article ul li,
body.zhn-read .inside-article ol li { font-size: 17px; }
body.zhn .random-posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
} body.zhn-arch .site-main {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
align-items: start;
} body.zhn-arch .site-main > *:not(article) { grid-column: 1 / -1; }
body.zhn-arch .page-header { margin: 0 0 2px; }
body.zhn-arch .page-header h1 { margin: 0 0 8px; color: var(--zh-ink); font-size: clamp(26px, 3.4vw, 36px); }
body.zhn-arch .page-header p,
body.zhn-arch .taxonomy-description { color: var(--zh-muted); font-size: 17px; max-width: var(--zh-read); } body.zhn-arch .site-main article.post {
margin: 0;
background: #fff;
border: 1px solid var(--zh-line);
border-radius: 18px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(90, 20, 55, .06);
transition: transform .18s ease, box-shadow .18s ease;
}
body.zhn-arch .site-main article.post:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(90, 20, 55, .12); } body.zhn-arch .site-main .inside-article {
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
display: flex;
flex-direction: column;
height: 100%;
} body.zhn-arch .post-image { order: -1; margin: 0; }
body.zhn-arch .post-image img { width: 100%; height: 210px; object-fit: cover; display: block; border-radius: 0; } body.zhn-arch .entry-header { order: 0; margin: 0; padding: 16px 18px 0; }
body.zhn-arch .entry-title { margin: 0; font-size: 20px; line-height: 1.3; letter-spacing: 0; }
body.zhn-arch .entry-title a { color: var(--zh-ink); text-decoration: none; }
body.zhn-arch .entry-title a:hover { color: var(--zh-berry); }
body.zhn-arch .entry-header .entry-meta { display: none; } body.zhn-arch .entry-summary { order: 1; padding: 10px 18px 0; }
body.zhn-arch .entry-summary p { margin: 0; color: var(--zh-text); font-size: 15.5px; line-height: 1.55; text-align: left; }
body.zhn-arch .read-more { display: inline-block; margin-top: 8px; color: var(--zh-berry); font-weight: 700; text-decoration: none; }
body.zhn-arch .read-more:hover { text-decoration: underline; } body.zhn-arch .inside-article > .entry-meta,
body.zhn-arch footer.entry-meta { order: 2; margin-top: auto; padding: 12px 18px 16px; font-size: 12.5px; color: var(--zh-muted); }
body.zhn-arch footer.entry-meta .tags-links { display: none; }
body.zhn-arch footer.entry-meta a { color: var(--zh-muted); }
body.zhn-arch footer.entry-meta a:hover { color: var(--zh-berry); } body.zhn-arch .paging-navigation,
body.zhn-arch .nav-links { margin-top: 10px; text-align: center; }
@media (min-width: 1080px) {
body.zhn-arch .site-main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
body.zhn-arch .site-main { grid-template-columns: 1fr; gap: 18px; }
body.zhn-arch .post-image img { height: 200px; }
body.zhn-arch .entry-title { font-size: 19px; }
}