@charset "UTF-8";
/*
 * Zosia home-only styles (variables + back-to-top).
 * This keeps the default CSS variables and back-to-top UI while skipping the full theme bundle on home.
 */

:root {
	--body-font: "Open Sans", Arial, Helvetica, sans-serif;
	--title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	/* Theme colour scheme */
	--primary-theme-color: #000000;
	--secondary-theme-color:  #ff7887;
	--tertiary-theme-color:  #ffb14f;
	--off-white-accent:  #ebebeb;
	/* End colour scheme */
	--footer-background: var(--off-white);
	--footer-color: inherit;
	--footer-heading-color:  var(--widget-title-color);
	--tfm-before-footer-background: var(--off-white);
	--archive-header-background:  var(--off-white);
	--archive-header-title-color:  var(--body-font-color);
	--archive-header-description-color:  var(--medium-grey);
	--archive-header-meta-color:  var(--archive-header-color);
	--button-font:  var(--title-font);
	--button-hover-background:  var(--very-dark-grey);
	--button-hover-color: var(--white);
	--post-background: var(--white);
	/*--post-box-shadow: 0 0 25px rgba(0,0,0,0.05);*/
	--post-box-shadow: 0 0 25px rgba(0,0,0,0.07);
	--post-padding: 1.5625rem;
	--post-padding-no-thumbnail:  var(--post-inner-elements-margin);
	--widget-background: none;
	--widget-box-shadow: var(--post-box-shadow);
	--widget-title-color:  var(--body-font-color);
	--tfm-widget-subtitle-color:  var(--medium-grey);
	--widget-font-color:  var(--medium-grey);
	--widget-primary-link-color:  var(--black);
	--widget-child-link-color:  var(--medium-grey);
	--widget-meta-color:  var(--medium-grey);
	--widget-meta-link-color:  var(--widget-primary-link-color);
	--widget-border-color:  var(--very-light-grey);
	--widget-button-background:  var(--button-background);
	--widget-button-color:  var(--button-color);
	--widget-button-hover-background:  var(--button-hover-background);
	--widget-tag-background:  var(--off-white);
	--widget-tag-color: var(--black);
	--widget-tag-hover-background:  var(--very-light-grey);
	--widget-tag-hover-color:  var(--black);
	--widget-tag-border-radius:  var(--button-border-radius);
	--widget-post-thumbnail-box-shadow:  0 0 15px rgba(0,0,0,0.09);
	--widget-misc-elements-background:  var(--very-light-grey);
	--widget-highlight-background:  var(--very-light-grey);
	--tfm-widget-count-color: var(--primary-theme-color);
	--tfm-widget-first-count-color:  var(--primary-theme-color);
	--tfm-widget-alt-count-color:  var(--body-font-color);
	--tfm-widget-alt-count-background:  var(--white);
	--tfm-widget-alt-first-count-color:  var(--white);
	--tfm-widget-alt-first-count-background: var(--primary-theme-color);
	--format-aside-background: var(--primary-theme-color);
	--format-aside-global-color:  var(--white);
	--post-format-icon-background:  var(--tertiary-theme-color);
	--post-format-icon-color: var(--white);
	--format-video-icon-background:  var(--primary-theme-color);
	--format-gallery-icon-background:  var(--quaternary-theme-color);
	--format-audio-icon-background:  var(--tertiary-theme-color);
	--post-author-avatar-border:  3px solid var(--post-background, #ffffff);
	--continue-reading-button-background:  none;
	--continue-reading-button-color:  var(--dark-grey);
	--continue-reading-button-hover-background:  none;
	--continue-reading-button-hover-color:  var(--medium-grey);
	--entry-title-link-color: var(--black);
	--entry-meta-color:  var(--medium-grey);
	--entry-meta-link-color:  var(--black);
	--entry-meta-icon-color: var(--light-grey);
	--entry-meta-border-color:  var(--very-light-grey);
	--excerpt-color:  var(--medium-grey);
	--entry-border-color:  var(--very-light-grey);
	--avatar-border-color:  var(--white);
	--cover-meta-color:  var(--cover-global-color);
	--single-hero-thumbnail-padding:  var(--hero-thumbnail-padding);
	--hero-wrapper-max-width: var(--site-width);
	--single-post-background: none;
	--single-hero-background: var(--post-background);
	--single-entry-title-color: inherit;
	--single-entry-meta-color: var(--medium-grey);
	--single-entry-meta-link-color: var(--black);
	--single-entry-font-color: var(--very-dark-grey);
	--single-excerpt-color: var(--medium-grey);
	--single-avatar-border-color:  var(--white);
	--single-tags-background: inherit;
	--single-tags-color: inherit;
	/* Header */
	--logo-color:  var(--very-dark-grey);
	--toggle-icon-color:  var(--dark-grey);
	--header-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	--header-search-input-background:  var(--very-light-grey);
	--header-search-input-color:  var(--very-dark-grey);
	--header-search-input-border-radius:  var(--input-border-radius);
	--header-border-color:  rgba(0,0,0,0.04);
	/* Primary menu */
	--primary-menu-background: none;
	--primary-menu-font-size: 0.875rem;
	--primary-menu-link-color:  var(--black);
	--primary-menu-link-hover-color:  var(--medium-grey);
	--primary-menu-submenu-background:  var(--white);
	--primary-menu-submenu-link-color:  var(--dark-grey);
	--primary-menu-submenu-link-hover-color:  var(--medium-grey);
	--primary-menu-submenu-border-radius: var(--post-thumbnail-border-radius);
	--primary-menu-submenu-font-size: var(--primary-menu-font-size);
	--primary-menu-letter-spacing: 1px;
	--primary-menu-description-letter-spacing: 2px;
	--primary-menu-description-color: var(--medium-grey);
	--toggle-sidebar-menu-color:  var(--black);
	--tfm-pill-menu-item-color:  var(--button-color);
	--tfm-pill-menu-item-background:  var(--button-background);
	--tfm-pill-menu-item-hover-color:  var(--button-hover-color);
	--tfm-pill-menu-item-hover-background:  var(--button-hover-background);
	--tfm-pill-menu-border-radius:  var(--button-border-radius);
	--logo-font-size: 2.5rem;
	--large-mobile-logo-font-size: 32px;
	--small-mobile-logo-font-size: 26px;
	--sidebar-logo-font-size:  2.5rem;
	--sidebar-logo-max-width: 250px;
	--gototop-background:  var(--button-background);
	--gototop-color:  var(--button-color);
	--gototop-border-radius:  var(--button-border-radius);
	/* Entry title font size */
	--cols-4-entry-title-size: 1.375rem;
	--cols-3-entry-title-size: 1.5rem;
	--cols-2-entry-title-size: 2.125rem;
	--cols-1-entry-title-size: 2.5rem;
	--cols-3-list-entry-title-size: 1.125rem;
	--cols-2-list-entry-title-size: 1.5rem;
	--cols-4-list-entry-title-size: var(--body-font-size);
	--entry-title-font-weight: 600;
	--tfm-hero-cols-3-entry-title-size: 1.875rem;
	/* Ratings */
	--tfm-star-rating-color: var(--tertiary-theme-color);
	--tfm-star-rating-color-cover: var(--cover-global-color);
	--tfm-rating-scale-low-color: #9AD972;
	--tfm-rating-scale-high-color: #F90C13;
	--tfm-rating-text-color:  var(--black);
	/* Theme overrides */
	--cover-brightness-filter: 85%;
	--cover-overlay-gradient: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
	--post-margin:  1rem;
	--global-elements-margin: 1rem;
	--post-inner-elements-margin:  1.5rem;
	--read-more-font-size:  0.625rem;
	--cover-border-color: rgba(255,255,255,0.3);
	--cover-button-color: var(--cover-global-color);
	--thumbnail-padding: 10px;
	--tfm-pill-menu-font-size:  10px;
	--tfm-featured-posts-thumbnail-box-shadow: var(--widget-post-thumbnail-box-shadow);
	--tfm-featured-posts-thumbnail-background: var(--white);
	--post-thumbnail-border-radius:  8px;
	--button-border-radius:  100px;
	--button-padding: 0.75rem 1rem;
	--button-letter-spacing: 2px;
	--button-text-transform:  none;
	--figcaption-font-size:  0.75rem;
	--audio-embed-background: #25292C;
	--audio-embed-audio-background: #1B1C1D;
}

.toggle-sidebar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--toggle-sidebar-border-color);
	margin: 0;
	padding-left: 1.875rem;
	padding-right: 1.875rem;
	padding-top: 0.8125rem;
	padding-bottom: 0.8125rem;
	position: relative;
}

.site-search-wrapper .toggle-sidebar-header {
	border: 0;
}

.toggle-sidebar .close-menu .close,
.site-search .close-menu .close {
	display: none;
}

.toggle-sidebar .close-menu span {
	padding: 0.5rem;
	display: block;
	width: 38px;
	height: 34px;
}

.toggle-sidebar .close-menu i {
	font-size: 1rem;
}

.site-search .close-menu i {
	font-size: 1.5rem;
	cursor: pointer;
}

.site-footer {
	padding-top: 0;
}

.goto-top,
.goto-top:hover,
.goto-top:focus {
	display: inline-block;
	position: fixed;
	bottom: -100px;
	right: 25px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	background: var(--gototop-background);
	color: var(--gototop-color);
	font-weight: 400;
	border-radius:  var(--gototop-border-radius, 0);
}
.goto-top.visible {
	opacity: 1;
	visibility: visible;
	bottom: 30px;
}
.zosia-backtotop,
.zosia-backtotop:hover,
.zosia-backtotop:focus {
	width: 56px;
	height: 56px;
	right: 32px;
	border-radius: 9999px;
	background: #0A66C2;
	color: #ffffff;
	box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
	transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease, bottom .3s ease;
}
.zosia-backtotop:hover,
.zosia-backtotop:focus {
	transform: scale(1.1);
	box-shadow: 0 20px 25px -5px rgba(0,0,0,0.2), 0 8px 10px -6px rgba(0,0,0,0.2);
}
.zosia-backtotop.visible {
	bottom: 32px;
	opacity: 1;
	visibility: visible;
}
.zosia-backtotop .zosia-backtotop-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	animation: zosia-bounce-slow 2s ease-in-out infinite;
}
.zosia-backtotop:hover .zosia-backtotop-icon,
.zosia-backtotop:focus .zosia-backtotop-icon {
	animation: zosia-bounce .6s ease-in-out infinite;
}
@keyframes zosia-bounce-slow {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@keyframes zosia-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}