/*
Theme Name: Anime Heaven
Theme URI: https://example.com/anime-heaven
Author: Your Name
Author URI: https://example.com
Description: A nostalgic 2010–2014 style personal anime blog theme. Glossy light-blue sky gradients, rounded panels, cloud illustrations and a playful otaku aesthetic — rebuilt on a modern WordPress template stack (custom logo, custom header, nav menus, widgets, responsive layout, accessible markup).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: anime-heaven
Tags: blog, two-columns, right-sidebar, custom-header, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Anime Heaven WordPress Theme, Copyright 2026
Anime Heaven is distributed under the terms of the GNU GPL v2 or later.
*/

/* =========================================================
   0. DESIGN TOKENS
   ========================================================= */
:root{
	--container-width: 1280px;

	/* Sky / page background — matches the original site's #c1edfd base */
	--sky-top: #bfe6fb;
	--sky-mid: #c9edfc;
	--sky-bottom: #eef9fe;

	/* Blue panel gradients — tuned to the original's #70c0ff / #5ca3db / #9fd3fa / #dceffd family */
	--blue-100: #f2fbff;
	--blue-200: #e2f4fd;
	--blue-300: #cdeaf9;
	--blue-400: #b7dcf7;
	--blue-500: #9fd3fa;
	--blue-600: #4da8ec;
	--blue-700: #3f93d8;
	--blue-800: #5ca3db;
	--blue-ink:  #3a6f96;
	--link-blue: #70c0ff;

	/* Grey/silver panel gradient (Meta / Categories / Tags) — original topcat text was #53616a */
	--grey-100: #fbfcfd;
	--grey-200: #eef1f3;
	--grey-300: #d7dce1;
	--grey-400: #b9c1c9;
	--grey-500: #93a0aa;
	--grey-ink: #53616a;

	/* Accent coral-pink (logo / tagline) — original header h2 tagline color was #e7908e */
	--pink-300: #ffd7e6;
	--pink-500: #f3a79f;
	--pink-700: #e7908e;

	/* Borders / shadows */
	--border-blue: #8fc3e6;
	--border-blue-soft: #bcdff2;
	--shadow-soft: 0 2px 6px rgba(60,110,150,0.18);
	--shadow-panel: 0 3px 10px rgba(60,110,150,0.22);

	/* Radii */
	--radius-lg: 16px;
	--radius-md: 10px;
	--radius-sm: 6px;

	/* Type */
	--font-body: "Trebuchet MS", Verdana, "Segoe UI", Arial, sans-serif;
	--font-display: "Baloo 2", "Trebuchet MS", "Comic Sans MS", sans-serif;
}

/* =========================================================
   1. RESET / BASE
   ========================================================= */
*,*::before,*::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; }
img{ max-width: 100%; height: auto; border: 0; vertical-align: middle; }
ul, ol{ margin: 0 0 1em 1.4em; padding: 0; }
figure{ margin: 0; }
a{ color: var(--link-blue); text-decoration: none; }
a:hover, a:focus{ color: var(--pink-700); text-decoration: underline; }
a:focus-visible, button:focus-visible, input:focus-visible{
	outline: 2px dashed var(--blue-700);
	outline-offset: 2px;
}

body{
	margin: 0;
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.6;
	color: #666666;
	background-color: var(--sky-mid);
	background-image:
		radial-gradient(ellipse 320px 140px at 8% 8%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 60%),
		radial-gradient(ellipse 260px 120px at 85% 22%, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 65%),
		radial-gradient(ellipse 300px 130px at 25% 70%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 65%),
		radial-gradient(ellipse 340px 150px at 92% 85%, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 65%),
		linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 45%, var(--sky-bottom) 100%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.screen-reader-text{
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; overflow: hidden;
	clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus{
	position: fixed !important;
	top: 8px; left: 8px;
	width: auto; height: auto;
	padding: 10px 16px;
	background: #fff; color: var(--blue-800);
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow-panel);
	z-index: 100000;
}

h1,h2,h3,h4,h5,h6{
	font-family: var(--font-display);
	color: var(--blue-800);
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 .5em;
}

/* =========================================================
   2. LAYOUT SHELL
   ========================================================= */
.site{
	max-width: var(--container-width);
	margin: 18px auto;
	background: rgba(255,255,255,0.55);
	border: 1px solid #ffffff;
	border-radius: var(--radius-lg);
	box-shadow: 0 4px 22px rgba(40,90,130,0.25);
	overflow: hidden;
}

.site-content-wrap{
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 20px 24px 28px;
	background: linear-gradient(180deg, #ffffff 0%, #f6fcff 100%);
}

.content-area{ flex: 1 1 auto; min-width: 0; }
.widget-area{ flex: 0 0 440px; width: 440px; }
.sidebar-columns{
	display: flex;
	gap: 16px;
}
.sidebar-column{
	flex: 1 1 0;
	min-width: 0;
}

/* =========================================================
   3. SITE HEADER / BANNER
   ========================================================= */
.site-header{
	position: relative;
	background: linear-gradient(180deg, #bfe6fb 0%, #8fd0f0 55%, #6fc0ea 100%);
	overflow: hidden;
	aspect-ratio: 1120 / 320;
	min-height: 200px;
}

.custom-header-image{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	z-index: 1;
}

.header-clouds{
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-repeat: repeat-x;
	background-size: 700px auto;
	opacity: .95;
}
.header-clouds svg{ display:block; width:100%; height:100%; }

.rss-badge{
	position: absolute;
	top: 14px; left: 16px;
	width: 46px; height: 46px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #ffb35c, #ef7d1a 70%, #d9660a 100%);
	border: 3px solid #fff;
	box-shadow: var(--shadow-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 6;
}
.rss-badge svg{ width: 22px; height: 22px; fill: #fff; }

.site-branding{
	position: absolute;
	inset: 0;
	z-index: 3;
	padding: 24px 40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	/* Soft scrim so the bubble-text logo/tagline stay readable over any photo */
	background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(20,60,90,0.28) 100%);
}

.site-title-graphic{
	display: inline-block;
	margin: 0 0 14px;
}
.site-title-graphic img{
	max-height: 130px;
	width: auto;
	filter: drop-shadow(0 3px 0 #fff) drop-shadow(0 6px 10px rgba(40,90,130,.35));
}

.site-title{
	margin: 0;
	font-family: var(--font-display);
	font-size: 54px;
	line-height: 1;
	color: #ffe9f2;
	-webkit-text-stroke: 3px var(--pink-700);
	text-shadow:
		0 0 0 var(--pink-700),
		3px 3px 0 #fff,
		0 8px 14px rgba(30,80,120,.35);
}
.site-title a{
	color: inherit;
	text-decoration: none;
}
.site-title a:hover{ color: inherit; text-decoration: none; }

.site-description{
	display: inline-block;
	margin-top: 6px;
	padding: 10px 20px;
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: bold;
	color: #e7908e;
	background: rgba(255,255,255,0.85);
	border: 2px solid #fff;
	border-radius: 999px;
	box-shadow: var(--shadow-soft);
	max-width: max-content;
}

/* Fallback illustrated sky when no custom header image is set */
.site-header.no-custom-header::before{
	content: "";
	position: absolute; inset: 0;
	background:
		radial-gradient(ellipse 500px 220px at 15% 100%, rgba(255,255,255,0.55), transparent 70%),
		radial-gradient(ellipse 420px 200px at 90% 90%, rgba(120,190,110,0.35), transparent 70%);
}

/* =========================================================
   4. NAVIGATION
   ========================================================= */
.main-navigation{
	background: linear-gradient(180deg, #eaf6fd 0%, #cdeaf9 45%, #a9d9f2 100%);
	border-top: 1px solid #fff;
	border-bottom: 1px solid var(--border-blue);
	position: relative;
	z-index: 4;
}

.menu-toggle{
	display: none;
	width: 100%;
	padding: 12px 20px;
	background: linear-gradient(180deg, #eaf6fd, #a9d9f2);
	border: 0;
	font-family: var(--font-display);
	font-size: 15px;
	color: var(--blue-800);
	text-align: left;
	cursor: pointer;
}
.menu-toggle::after{ content: "\25BC"; float: right; font-size: 11px; }
.menu-toggle[aria-expanded="true"]::after{ content: "\25B2"; }

.primary-menu-container ul{
	list-style: none;
	margin: 0;
	padding: 0 6px;
	display: flex;
	flex-wrap: wrap;
}
.primary-menu-container li{
	position: relative;
}
.primary-menu-container a{
	display: block;
	padding: 13px 22px;
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .03em;
	color: var(--blue-800);
	text-decoration: none;
	border-right: 1px solid rgba(255,255,255,.6);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.primary-menu-container a:hover,
.primary-menu-container a:focus,
.primary-menu-container .current-menu-item > a,
.primary-menu-container .current_page_item > a,
.primary-menu-container .current-menu-ancestor > a,
.primary-menu-container .current_page_ancestor > a{
	background: linear-gradient(180deg,#ffffff 0%,#d6f0fc 100%);
	color: var(--pink-700);
	text-decoration: none;
}
.primary-menu-container .sub-menu{
	display: none;
	position: absolute;
	top: 100%; left: 0;
	min-width: 200px;
	flex-direction: column;
	background: linear-gradient(180deg,#ffffff,#e2f4fd);
	border: 1px solid var(--border-blue);
	border-radius: 0 0 var(--radius-sm) var(--radius-sm);
	box-shadow: var(--shadow-panel);
	z-index: 20;
}
.primary-menu-container li:hover > .sub-menu,
.primary-menu-container li:focus-within > .sub-menu{
	display: flex;
}
.primary-menu-container .sub-menu a{ border-right: 0; border-bottom: 1px solid var(--blue-200); }

.secondary-navigation .primary-menu-container ul{
	background: linear-gradient(180deg,#f7fcff,#e6f5fd);
}
.secondary-navigation .primary-menu-container a{
	padding: 9px 18px;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #53616a;
	font-weight: normal;
	font-family: var(--font-body);
}
.secondary-navigation .primary-menu-container a:hover,
.secondary-navigation .primary-menu-container a:focus{
	background: #9fd3fa;
	color: #fff;
}
.secondary-navigation{
	border-bottom: 1px solid var(--border-blue-soft);
}
.secondary-navigation::before{
	content: "\27A4";
	display: inline-block;
	padding-left: 14px;
	color: var(--blue-600);
	font-size: 11px;
	vertical-align: middle;
}
.secondary-navigation .primary-menu-container{
	display: inline-flex;
	vertical-align: middle;
}

/* Search box (upper right) */
.header-search{
	position: absolute;
	top: 16px; right: 16px;
	z-index: 6;
}
.search-form{
	display: flex;
	align-items: center;
	background: linear-gradient(180deg,#ffffff,#eaf6fd);
	border: 2px solid #fff;
	outline: 1px solid var(--border-blue);
	border-radius: 999px;
	box-shadow: var(--shadow-soft), inset 0 1px 3px rgba(60,120,160,.2);
	padding: 4px 4px 4px 16px;
}
.search-form .search-field{
	border: 0;
	background: transparent;
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--blue-800);
	text-transform: lowercase;
	width: 150px;
	padding: 6px 0;
}
.search-form .search-field:focus{ outline: 0; }
.search-form .search-field::placeholder{ color: #b8ddfa; }
.search-submit{
	width: 32px; height: 32px;
	border-radius: 50%;
	border: 0;
	flex-shrink: 0;
	background: radial-gradient(circle at 35% 30%, #7fd0f5, #2f9fd8 70%, #1f7fb8 100%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: var(--shadow-soft);
}
.search-submit svg{ width: 15px; height: 15px; fill: #fff; }

/* =========================================================
   5. POSTS / ARTICLE CARDS
   ========================================================= */
.post-card{
	margin: 0 0 26px;
	padding-bottom: 22px;
	border-bottom: 1px dashed var(--blue-300);
}
.post-card:last-child{ border-bottom: 0; margin-bottom: 0; }

.entry-header{
	display: flex;
	align-items: center;
	gap: 14px;
	background: linear-gradient(180deg,#f4fbff 0%,#cdeaf9 55%,#a9d9f2 100%);
	border: 1px solid var(--border-blue);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.8);
	padding: 10px 16px;
}
.entry-header .entry-title{
	flex: 1 1 auto;
	margin: 0;
	font-size: 19px;
}
.entry-header .entry-title a{
	color: var(--blue-800);
	text-decoration: none;
}
.entry-header .entry-title a:hover{ color: var(--pink-700); }

.entry-thumb{
	flex: 0 0 auto;
	width: 52px; height: 52px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	box-shadow: var(--shadow-soft);
	background: var(--blue-300);
}
.entry-thumb img{
	width: 100%; height: 100%;
	object-fit: cover;
}

.entry-meta{
	margin: 10px 2px 8px;
	font-size: 11px;
	color: #999999;
}
.entry-meta svg{ width: 12px; height: 12px; vertical-align: -1px; margin-right: 3px; fill: var(--blue-600); }

.entry-content{ padding: 0 2px; color: #3a4c5c; }
.entry-content p{ margin: 0 0 1em; }
.entry-content a{ text-decoration: underline; }

.read-more-link{ font-weight: bold; }

.entry-footer{
	margin-top: 10px;
	padding: 6px 2px 0;
	font-size: 12px;
	color: var(--blue-600);
	border-top: 1px dotted var(--blue-300);
}
.entry-footer svg{ width: 12px; height: 12px; vertical-align: -1px; margin-right: 3px; fill: var(--blue-600); }
.entry-footer a{ color: var(--blue-700); }

.single .entry-header .entry-title{ font-size: 24px; }

/* Featured image hero — first thing shown on a singular post/page.
   Full width of the content column, natural aspect ratio preserved;
   the wrapper simply clips anything past 400px tall rather than
   squashing or stretching the image. */
.featured-media{
	margin: 0 0 18px;
	max-height: 400px;
	overflow: hidden;
	border-radius: var(--radius-md);
	border: 1px solid var(--border-blue-soft);
	box-shadow: var(--shadow-soft);
	background: var(--blue-200);
}
.featured-media img{
	display: block;
	width: 100%;
	height: auto;
}

/* Pagination */
.pagination, .post-navigation, .comment-navigation{
	margin-top: 18px;
	text-align: center;
}
.pagination .page-numbers{
	display: inline-block;
	margin: 0 3px;
	padding: 6px 12px;
	background: linear-gradient(180deg,#f4fbff,#cdeaf9);
	border: 1px solid var(--border-blue);
	border-radius: var(--radius-sm);
	color: var(--blue-800);
	font-weight: bold;
	text-decoration: none;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
	background: linear-gradient(180deg,#ffdcec,#ff9fc0);
	color: #7a1240;
	border-color: var(--pink-700);
}

/* =========================================================
   6. SIDEBAR / WIDGETS
   ========================================================= */
.widget{
	margin-bottom: 20px;
	background: #ffffff;
	border: 1px solid var(--border-blue-soft);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-soft);
	overflow: hidden;
}
.widget-title{
	position: relative;
	margin: 0;
	padding: 10px 46px 10px 16px;
	font-size: 14px;
	letter-spacing: .02em;
	color: #fff;
	background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-700) 100%);
	text-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.widget-color-grey .widget-title{
	background: linear-gradient(180deg, var(--grey-400) 0%, var(--grey-ink) 100%);
}
.widget-title::after{
	content: "";
	position: absolute;
	right: 8px; top: 50%;
	transform: translateY(-50%);
	width: 30px; height: 30px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #fff, #ffd7e6 60%, #ff9fc0 100%);
	border: 2px solid #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.25);
}

.widget-content, .widget > ul, .widget > div, .widget > form, .widget > p{
	padding: 14px 16px;
	margin: 0;
	list-style: none;
	font-size: 12.5px;
}
.widget > .widget-title{ padding: 10px 46px 10px 16px; margin: 0; }
.widget ul{ list-style: none; margin: 0; padding: 0; }
.widget li{
	padding: 7px 0;
	border-bottom: 1px dotted var(--blue-300);
}
.widget li:last-child{ border-bottom: 0; }
.widget a{ color: var(--blue-700); }
.widget select, .widget input[type="text"], .widget input[type="search"]{
	width: 100%;
	padding: 6px 8px;
	border: 1px solid var(--border-blue);
	border-radius: var(--radius-sm);
	font-family: var(--font-body);
}
.widget_tag_cloud .tagcloud a{
	display: inline-block;
	margin: 2px 3px 2px 0;
	padding: 4px 10px;
	background: linear-gradient(180deg,#f4fbff,#cdeaf9);
	border: 1px solid var(--border-blue-soft);
	border-radius: 999px;
	font-size: 11px !important;
	color: var(--blue-700);
}

/* Core "Search" block widget (the modern default Search widget in Appearance > Widgets) */
.widget .wp-block-search{
	margin: 0;
}
.widget .wp-block-search__label{
	display: block;
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: 13px;
	font-weight: 700;
	color: var(--blue-800);
}
.widget .wp-block-search__inside-wrapper{
	display: flex;
	align-items: stretch;
	background: linear-gradient(180deg,#ffffff,#eaf6fd);
	border: 2px solid #fff;
	outline: 1px solid var(--border-blue);
	border-radius: 999px;
	box-shadow: var(--shadow-soft), inset 0 1px 3px rgba(60,120,160,.15);
	overflow: hidden;
}
.widget .wp-block-search__input{
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 8px 14px;
	font-family: var(--font-body);
	font-size: 13px;
	color: var(--blue-800);
}
.widget .wp-block-search__input:focus{ outline: 0; }
.widget .wp-block-search__button{
	flex: 0 0 auto;
	border: 0;
	padding: 0 18px;
	background: linear-gradient(180deg,#7fd0f5,#1f7fb8);
	color: #fff;
	font-weight: bold;
	font-family: var(--font-body);
	font-size: 12.5px;
	cursor: pointer;
}
.widget .wp-block-search__button svg{ fill: #fff; vertical-align: -2px; }
.widget .wp-block-search__button:hover{ background: linear-gradient(180deg,#9fdcf7,#2f8fc5); }

/* Legacy core Search widget markup (falls back to searchform.php via get_search_form) */
.widget .search-form{ width: 100%; }
.widget .search-form .search-field{ width: auto; flex: 1 1 auto; }

/* =========================================================
   7. COMMENTS
   ========================================================= */
.comments-area{
	margin-top: 26px;
	padding-top: 18px;
	border-top: 2px solid var(--blue-300);
}
.comments-title{ font-size: 18px; }
.comment-list{ list-style: none; margin: 0; padding: 0; }
.comment-body{
	margin-bottom: 14px;
	padding: 14px;
	background: linear-gradient(180deg,#ffffff,#f2fbff);
	border: 1px solid var(--border-blue-soft);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-soft);
}
.comment-list .children{ list-style: none; margin-left: 26px; padding: 0; }
.comment-author .avatar{
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: var(--shadow-soft);
	margin-right: 8px;
}
.comment-metadata{ font-size: 11px; color: var(--blue-600); }
.comment-reply-link{
	display: inline-block;
	margin-top: 6px;
	padding: 3px 10px;
	background: linear-gradient(180deg,#f4fbff,#cdeaf9);
	border: 1px solid var(--border-blue);
	border-radius: 999px;
	font-size: 11px;
}
.comment-respond{
	margin-top: 18px;
	padding: 16px;
	background: #f4fbff;
	border: 1px solid var(--border-blue-soft);
	border-radius: var(--radius-md);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
	width: 100%;
	padding: 8px 10px;
	margin-top: 4px;
	border: 1px solid var(--border-blue);
	border-radius: var(--radius-sm);
	font-family: var(--font-body);
}
.comment-form p{ margin: 0 0 12px; }
.form-submit input{
	padding: 9px 22px;
	background: linear-gradient(180deg,#7fd0f5,#1f7fb8);
	color: #fff;
	font-weight: bold;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	box-shadow: var(--shadow-soft);
}

/* =========================================================
   8. FOOTER
   ========================================================= */
.site-footer{
	padding: 16px 24px;
	text-align: center;
	font-size: 11.5px;
	color: var(--blue-700);
	background: linear-gradient(180deg,#cdeaf9,#a9d9f2);
	border-top: 1px solid #fff;
}
.site-footer a{ color: var(--blue-800); font-weight: bold; }

/* =========================================================
   9. MISC / UTILITY
   ========================================================= */
.page-title-banner{
	margin: 0 0 20px;
	padding: 12px 18px;
	background: linear-gradient(180deg,#f4fbff,#a9d9f2);
	border: 1px solid var(--border-blue);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-soft);
	font-size: 18px;
	color: var(--blue-800);
}
.no-results{ padding: 20px; text-align: center; }
.wp-caption, .alignleft, .alignright, .aligncenter{ max-width: 100%; }
.alignleft{ float: left; margin: 4px 16px 10px 0; }
.alignright{ float: right; margin: 4px 0 10px 16px; }
.aligncenter{ display: block; margin: 10px auto; }

/* =========================================================
   10. RESPONSIVE — collapse layout, keep the visual identity
   ========================================================= */
@media (max-width: 1320px){
	.site{ margin: 0; border-radius: 0; }
}

@media (max-width: 880px){
	.site-content-wrap{ flex-direction: column; padding: 14px; }
	.widget-area{ width: 100%; flex: 1 1 auto; }
	.site-header{ aspect-ratio: 4 / 3; }
	.site-title{ font-size: 40px; }
	.site-branding{ padding: 18px 20px; }
	.header-search{ top: 10px; right: 10px; }
	.search-form .search-field{ width: 90px; }
	.rss-badge{ width: 38px; height: 38px; }
}

@media (max-width: 560px){
	.sidebar-columns{ flex-direction: column; }
}

@media (max-width: 600px){
	.site-header{ aspect-ratio: 1 / 1; }
	.menu-toggle{ display: block; }
	.primary-navigation .primary-menu-container{ display: none; width: 100%; }
	.primary-navigation .primary-menu-container.toggled-on{ display: block; }
	.primary-menu-container ul{ flex-direction: column; }
	.primary-menu-container a{ border-right: 0; border-bottom: 1px solid rgba(255,255,255,.6); }
	.secondary-navigation .primary-menu-container{ display: flex; }
	.secondary-navigation .primary-menu-container ul{ flex-wrap: wrap; }
	.site-title{ font-size: 30px; -webkit-text-stroke-width: 2px; }
	.site-description{ font-size: 12.5px; padding: 7px 14px; }
	.entry-header{ flex-wrap: wrap; }
	.entry-header .entry-title{ font-size: 16px; }
	.search-form .search-field{ width: 100px; }
}