/*
Theme Name: Nepeta House
Theme URI: https://nepetahouse.com
Author: Darren Krape
Author URI: ttps://nepetahouse.com
Description: Theme for the Nepeta House web site
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: nepeta
Based on the Blank Slate theme https://opencollective.com/blankslate
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
:root {
--body-width-max: 780px;
--body-width-content: 740px;
--color-gray-light: #EAE9E3;
--color-gray-medium: #D3D1C5;
--color-black: #352F36;
--color-red: #C82935;
--color-red-dark: #72171E;
--color-border: var(--color-gray-light);
--border: 1px solid var(--color-border);
--font-serif: 'Roboto Serif', serif;
--font-serif-alt: 'Buenard', serif;
--font-sans-serif: 'Fira Sans', sans-serif;
--font-size-xxl: 3.8rem;
--font-size-xl: 2.2rem;
--font-size-lg: 1.8rem;
--font-size-md: 1.15rem;
--font-size-sm: 1.05rem;
--font-size-xs: 0.9rem;
--letter-spacing-md: 0.055rem;
--line-height-lg: 2.0;
--line-height-md: 1.6;
--line-height-sm: 1.4;
--line-height-xs: 1.1;
--font-weight-bold: 600;
--font-weight-medium: 500;
--font-weight-regular: 400;
--border-radius-md: 0.35rem;
--spacing-xxl: 56px;
--spacing-xl: 34px;
--spacing-lg: 28px;
--spacing-md: 16px;
--spacing-sm: 8px;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 16px;
}
body {
background-color: #FFFEF7;
font-family: var(--font-serif);
font-size: var(--font-size-md);
color: var(--color-black);
line-height: var(--line-height-lg);
}
img {
height: auto;
width: 100%;
}
a {
color: var(--color-red);
text-decoration: none;
}
a:hover {
color: var(--color-red-dark);
}
strong {
font-weight: var(--font-weight-bold);
}
em {
font-style: italic;
}
.button,
.wp-element-button,
.form-submit input {
font-family: var(--font-sans-serif);
background-color: var(--color-red);
border: 0;
border-radius: var(--border-radius-md);
color: white;
padding: 12px 18px;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: var(--letter-spacing-md);
font-weight: var(--font-weight-bold)
}
.button-newsletter .wp-element-button {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 18px center;
padding-left: 52px;
}
.button-youtube .wp-element-button {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 18px center;
padding-left: 54px;
}
.button-instagram .wp-element-button {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 18px center;
padding-left: 52px;
}
.button:hover,
.wp-element-button:hover {
color: white;
background-color: var(--color-red-dark);
}
.wp-block-separator {
border-bottom: var(--border) !important;
width: 100% !important;
}
#wrapper {
max-width: var(--body-width-max);
margin: 0 auto;
}
/* Site Header */
#header {
border-bottom: var(--border);
display: flex;
flex-direction: row;
justify-content: space-between;
font-family: var(--font-sans-serif);
font-size: var(--font-size-md);
padding: var(--spacing-lg);
align-items: center;
}
#site-title a {
font-size: 0;
background-image: url("/wp-content/themes/nepeta/img/nepeta-house-logo.svg");
background-size: contain;
width: 190px;
height: 39px;
background-repeat: no-repeat;
display: block;
}
#menu-main {
display: flex;
flex-direction: row;
grid-gap: var(--spacing-lg);
text-transform: uppercase;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-xs);
letter-spacing: var(--letter-spacing-md);
align-items: center;
}
.menu-item-youtube {
border-left: var(--border);
padding-left: var(--spacing-lg);
padding-top: 6px;
padding-bottom: 4px;
margin-bottom: -2px;
}
.menu-item-youtube a {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 28px;
height: 20px;
display: inline-block;
}
.menu-item-youtube a:hover {
background-image: url('data:image/svg+xml,');
}
.menu-item-instagram a {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
.menu-item-instagram a:hover {
background-image: url('data:image/svg+xml,');
}
.menu-item-instagram span,
.menu-item-youtube span {
font-size: 0;
}
#search {
display: none;
}
/* ## Entry ## */
article img {
border-radius: var(--border-radius-md);
}
/* Entry: Header */
.page .header,
.entry-single .entry-header-wrapper {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-xxl);
padding-bottom: var(--spacing-lg);
padding-top: var(--spacing-xxl);
}
.entry-single .entry-header {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-xxl);
padding-left: var(--spacing-xxl);
padding-right: var(--spacing-xxl);
width: 65%;
}
.page .header {
padding-left: var(--spacing-lg);
padding-right: var(--spacing-lg);
}
.entry-single .entry-title,
.page .entry-title,
.archive h1.entry-title {
font-size: 3.0rem;
line-height: var(--line-height-xs);
margin-bottom: var(--spacing-lg);
margin-top: var(--spacing-md);
}
.entry-title a,
.entry-title a:hover {
color: var(--color-black);
font-family: var(--font-serif-alt);
}
.entry-title a:hover {
text-decoration: underline;
}
.single-post .entry-meta {
display: flex;
flex-direction: row;
grid-gap: var(--spacing-xxl);
}
.single-post .entry-meta-item {
display: flex;
flex-direction: column;
}
.single-post .entry-content {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-xl);
}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content p,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content p {
padding-left: var(--spacing-xxl);
padding-right: var(--spacing-xxl);
}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4 {
font-family: var(--font-serif-alt);
}
article ul {
list-style: disc;
margin: 0 var(--spacing-xxl);
}
.single-post .wp-block-image,
.page .wp-block-image {
margin: var(--spacing-xl) 0 var(--spacing-lg);
}
.single-post .wp-block-embed,
.page .wp-block-embed {
margin: var(--spacing-xl) 0 var(--spacing-lg);
}
.wp-element-caption {
font-size: var(--font-size-sm);
font-style: italic;
line-height: var(--line-height-sm);
margin-bottom: 0;
padding: var(--spacing-sm) var(--spacing-lg) 0;
}
.single-post .entry-content h2,
.page .entry-content h2 {
line-height: var(--line-height-sm);
font-size: var(--font-size-xl);
font-weight: var(--font-weight-bold);
margin-top: var(--spacing-lg);
}
.single-post .entry-meta-title {
font-family: var(--font-sans-serif);
grid-gap: var(--spacing-md);
text-transform: uppercase;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-xs);
letter-spacing: var(--letter-spacing-md);
}
.single-post .entry-meta-content {
font-size: var(--font-size-sm);
line-height: 1.2;
}
.entry-meta-content a {
color: var(--color-black);
}
.entry-meta-content a:hover {
text-decoration: underline;
}
.entry-intro-image {
line-height: 1;
}
.single-post article {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-lg);
}
.single-post .entry-excerpt {
font-style: italic;
font-weight: var(--font-weight-bold);
}
/* Entry List */
.archive #header .entry-title {
margin-bottom: var(--spacing-lg);
}
.blog #content,
.archive #content {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-xl);
margin: var(--spacing-xl) var(--spacing-lg) var(--spacing-xxl);
line-height: var(--line-height-sm);
}
.entry-list .entry-header-wrapper {
display: flex;
flex-direction: row;
grid-gap: var(--spacing-lg);
}
.entry-list .entry-intro-image {
width: 300px;
flex-shrink: 0;
}
.entry-list .entry-meta-item-categories {
display: none;
}
.entry-list .entry-title {
color: var(--color-black);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-sm);
}
.entry-list .entry-meta-title {
display: none;
}
.entry-list .entry-meta-item-posted {
font-size: var(--font-size-sm);
opacity: 0.6;
margin-bottom: 14px;
margin-top: -1px;
}
.entry-list .entry-excerpt {
font-size: var(--font-size-sm);
line-height: var(--line-height-md);
}
/* Page: */
.page .entry-content {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-lg);
}
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content p {
padding-left: var(--spacing-lg);
padding-right: var(--spacing-lg);
}
/* Comments */
#comments {
border-top: var(--border);
padding: var(--spacing-xl) var(--spacing-xxl);
border-bottom: var(--border);
margin: var(--spacing-xxl) 0;
}
#comments h2 {
font-size: var(--font-size-xl);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-sm);
font-family: var(--font-serif-alt);
}
.no-comments {
font-size: var(--font-size);
opacity: 0.6;
}
#comments-list ul {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-xl);
margin: var(--spacing-lg) 0;
padding-left: 26px;
}
.comment-meta {
display: flex;
flex-direction: row;
grid-gap: var(--spacing-sm);
font-family: var(--font-sans-serif);
font-size: var(--font-size-xs);
text-transform: uppercase;
}
#comments article {
grid-gap: var(--spacing-sm);
}
.comment-meta {
position: relative;
}
.comment-meta:before {
content: '⤷ ';
position: absolute;
margin-left: -26px;
font-size: 2rem;
font-family: var(--font-sans-serif);
margin-top: -18px;
opacity: 0.3;
}
.comment-author {
font-weight: var(--font-weight-bold);
}
.comment-date {
opacity: 0.6;
}
.comment-text {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-md)
}
.comment-awaiting-moderation {
font-size: var(--font-size-sm);
background-color: var(--color-border);
display: block;
padding: var(--spacing-md) var(--spacing-lg);
border-radius: var(--border-radius-md);
line-height: 1.4;
}
/* Comment: Reply */
#respond {
padding-top: var(--spacing-xl);
margin-top: var(--spacing-xl);
border-top: var(--border);
}
.comment-reply-title {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
font-family: var(--font-serif-alt);
}
.comment-notes {
font-size: var(--font-size-sm);
opacity: 0.6;
}
.comment-form {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-lg);
}
.required {
color: var(--color-red);
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
display: flex;
flex-direction: column;
grid-gap: 4px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
flex-direction: row;
align-items: center;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
width: 20%;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
border: 1px solid var(--color-gray-medium);
width: 100%;
border-radius: var(--border-radius-md);
padding: 12px 14px;
display: inline-block;
}
.post-navigation {
margin-bottom: var(--spacing-xxl);
}
.nav-links {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 var(--spacing-lg);
}
.nav-next {
margin-left: auto;
}
/* Footer */
#footer {
border-top: var(--border);
padding: var(--spacing-md) var(--spacing-lg);
align-items: center;
text-align: center;
margin-top: var(--spacing-xl);
}
#copyright {
opacity: 0.6;
}
/* Home */
.home .menu-item-home {
display: none;
}
.home .header {
display: none;
}
.home-intro {
font-size: 2.8rem;
font-family: var(--font-serif-alt);
text-align: center;
max-width: 66%;
line-height: 1.1;
margin: var(--spacing-xxl) auto;
}
/* Home: Image cards */
.home-image-cards {
margin: var(--spacing-sm) var(--spacing-lg);
display: flex;
flex-direction: row;
margin-bottom: var(--spacing-xxl);
}
.home-image-cards figure {
box-shadow: 6px 6px 20px rgba(0,0,0,0.3);
border-radius: var(--border-radius-md);
margin-left: -100px !important;
transition: all 0.3s ease;
}
.home-image-cards figure:hover {
transform: rotate(0) scale(1.3) !important;
}
.home-image-cards figure:nth-of-type(1) {
transform: rotate(4deg) scale(1.1);
z-index: 4;
margin-left: 0 !important;
}
.home-image-cards figure:nth-of-type(2) {
transform: rotate(-6.6deg) scale(1.1);
z-index: 3;
}
.home-image-cards figure:nth-of-type(3) {
transform: rotate(8.6deg) scale(1.1);
z-index: 2;
}
.home-image-cards figure:nth-of-type(4) {
transform: rotate(-6.2deg) scale(1.1);
z-index: 1;
}
.home .entry-content h3 {
font-family: var(--font-serif-alt);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-regular);
margin-top: 0;
margin-bottom: calc( var(--spacing-md) * -1 );
}
.home .wp-block-buttons {
margin-bottom: var(--spacing-lg);
}
/* Home: Post list */
.home .entry-content h2 {
font-family: var(--font-serif-alt);
font-size: 2.8rem;
font-weight: var(--font-weight-regular);
margin-bottom: var(--spacing-md);
margin-top: 0;
}
.wp-block-latest-posts {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-xl);
margin: 0 var(--spacing-lg);
}
.wp-block-latest-posts li {
}
.wp-block-latest-posts__featured-image {
line-height: 1;
width: 300px;
float: left;
margin-right: var(--spacing-lg);
}
.wp-block-latest-posts__featured-image img {
line-height: 1;
}
.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
margin: 0;
}
.wp-block-latest-posts__post-title {
color: var(--color-black);
font-family: var(--font-serif-alt);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-sm);
}
.wp-block-latest-posts__post-title:hover {
color: var(--color-black);
text-decoration: underline;
}
.wp-block-latest-posts__post-date {
font-size: var(--font-size-sm);
opacity: 0.6;
margin-bottom: 10px;
margin-top: -8px
}
.wp-block-latest-posts__post-excerpt {
font-size: var(--font-size-sm);
line-height: var(--line-height-md);
margin: 0;
}
@media (max-width: 700px) {
.home-image-cards .wp-block-image {
width: 33% !important;
float: none;
margin-bottom: var(--spacing-md);
}
.home .wp-block-latest-posts__featured-image {
float: none;
margin-bottom: var(--spacing-sm);
margin-right: 0;
width: auto;
}
}
@media (max-width: 550px) {
#header {
flex-direction: column;
grid-gap: var(--spacing-md);
}
.home-intro {
max-width: 100%;
padding: 0 var(--spacing-xl);
}
.entry-list .entry-header-wrapper {
flex-direction: column;
grid-gap: var(--spacing-sm);
}
.entry-list .entry-intro-image {
width: 100%;
}
body:not(.home) article img {
border-radius: 0;
}
.entry-single .entry-header {
width: 100%;
}
}