:root { --pir-dark: #3d3d3b;
--pir-on-dark: #ffffff;
--pir-dark-2: #545452;
--pir-accent: #b3050e;
--pir-on-accent: #ffffff;
--pir-accent-strong: #8f040b;
--pir-accent-soft: #f7e6e7;
--pir-nav: #b3050e;
--pir-on-nav: #ffffff;
--pir-link: #b3050e;
--pir-link-hover: #8f040b;
--pir-ink: #232323;
--pir-muted: #5d5d5d;
--pir-rule: #dcdcdc;
--pir-paper: #ffffff; --pir-page: #f7c600;
--pir-on-page: #1a1a1a;
--pir-page-muted: #4d4100;
--pir-page-link: #8f040b;
--pir-page-edge: #d9ae00; --pir-feature: #3d3d3b;
--pir-on-feature: #ffffff;
--pir-feature-muted: #cfcfce;
--pir-feature-hi: #f7c600; --pir-radius-bar: 18px;
--pir-radius-card: 14px;
--pir-radius-sm: 8px;
--pir-wrap: 1040px;
--pir-pad: 20px;
--pir-sidebar: 19rem;
--pir-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
--pir-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--pir-verdana: Verdana, Geneva, "DejaVu Sans", sans-serif; --pir-text: var(--pir-verdana);
--pir-ui: var(--pir-verdana);
} body.pir-font-serif {
--pir-text: var(--pir-serif);
--pir-ui: var(--pir-system);
font-size: 1.0625rem;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
margin: 0;
background: var(--pir-page);
color: var(--pir-ink);
font-family: var(--pir-text);
font-size: 0.9375rem;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
img,
video,
iframe,
embed,
object {
max-width: 100%;
}
img {
height: auto;
vertical-align: middle;
}
a {
color: var(--pir-link);
text-decoration-thickness: 1px;
text-underline-offset: 0.15em;
}
a:hover {
color: var(--pir-link-hover);
}
:focus-visible {
outline: 3px solid var(--pir-accent);
outline-offset: 2px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.25;
margin: 1.6em 0 0.6em;
font-weight: 700;
}
hr {
border: 0;
border-top: 1px solid var(--pir-rule);
margin: 2rem 0;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link:focus {
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
height: auto;
width: auto;
left: 8px;
top: 8px;
z-index: 1000;
padding: 0.75rem 1rem;
background: var(--pir-paper);
color: var(--pir-ink);
font-family: var(--pir-ui);
font-weight: 700;
} .site {
max-width: var(--pir-wrap);
margin: 0 auto;
padding: 1.25rem var(--pir-pad) 0;
}
.site-content {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.75rem;
padding: 1.75rem 0 2.5rem;
}
.site-content:focus {
outline: 0;
}
@media (min-width: 900px) {
.has-sidebar .site-content {
grid-template-columns: minmax(0, 1fr) var(--pir-sidebar);
}
} .site-branding {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 0.25rem 1.5rem;
padding: 0.5rem 0 1rem;
}
.site-title {
margin: 0;
font-size: 1.875rem;
line-height: 1.15;
font-weight: 700;
letter-spacing: -0.01em;
}
.site-title a {
color: var(--pir-on-page);
text-decoration: none;
}
.site-description {
margin: 0;
font-style: italic;
color: var(--pir-page-muted);
}
.site-banner a {
display: block;
}
.site-banner img {
display: block;
width: 100%;
height: auto;
} .main-navigation {
margin-top: 0;
background: var(--pir-nav);
color: var(--pir-on-nav);
font-family: var(--pir-ui);
font-size: 0.875rem;
font-weight: 700; border-radius: 0 0 var(--pir-radius-bar) var(--pir-radius-bar); box-shadow: 0 5px 0 var(--pir-accent-strong), 0 14px 26px -12px rgba(0, 0, 0, 0.45);
position: relative;
z-index: 40;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
padding: 0.7rem 0.62rem;
color: var(--pir-on-nav);
text-decoration: none;
line-height: 1.3;
}
.main-navigation :focus-visible {
outline-color: var(--pir-on-nav);
outline-offset: -3px;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current-post-parent > a {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.35em;
}
.main-navigation .menu-item-soutien > a {
background: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
color: var(--pir-on-nav);
}
.main-navigation .menu-item-soutien > a:hover,
.main-navigation .menu-item-soutien > a:focus {
background: rgba(255, 255, 255, 0.32);
color: var(--pir-on-nav);
}
.submenu-toggle {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
padding: 0;
font: inherit;
}
.submenu-toggle__icon {
display: block;
width: 0.45rem;
height: 0.45rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-25%) rotate(45deg);
transition: transform 0.15s ease;
}
.is-open > .submenu-toggle .submenu-toggle__icon {
transform: translateY(25%) rotate(-135deg);
}
.menu-toggle {
display: none;
align-items: center;
gap: 0.6rem;
width: 100%;
padding: 0.9rem 1.15rem;
background: transparent;
border: 0;
border-radius: var(--pir-radius-bar);
color: var(--pir-on-nav);
font: 700 1rem/1.2 var(--pir-ui);
cursor: pointer;
text-align: left;
}
.menu-toggle__bars,
.menu-toggle__bars::before,
.menu-toggle__bars::after {
display: block;
width: 1.25rem;
height: 2px;
background: currentColor;
transition: transform 0.15s ease, opacity 0.15s ease;
}
.menu-toggle__bars {
position: relative;
}
.menu-toggle__bars::before,
.menu-toggle__bars::after {
content: "";
position: absolute;
left: 0;
}
.menu-toggle__bars::before {
top: -6px;
}
.menu-toggle__bars::after {
top: 6px;
}
.main-navigation.is-open .menu-toggle__bars {
background: transparent;
}
.main-navigation.is-open .menu-toggle__bars::before {
transform: translateY(6px) rotate(45deg);
}
.main-navigation.is-open .menu-toggle__bars::after {
transform: translateY(-6px) rotate(-45deg);
}
@media (prefers-reduced-motion: reduce) {
.submenu-toggle__icon,
.menu-toggle__bars,
.menu-toggle__bars::before,
.menu-toggle__bars::after {
transition: none;
}
} @media (min-width: 861px) {
.main-navigation > ul,
.main-navigation > div > ul {
display: flex;
flex-wrap: wrap;
gap: 0.1rem;
padding: 0.4rem;
}
.main-navigation .menu > li {
border-radius: 10px;
}
.main-navigation .menu > li > a {
border-radius: 10px;
}
.main-navigation .menu-item-has-children,
.main-navigation .page_item_has_children {
display: flex;
}
.main-navigation .menu-item-has-children > a {
padding-right: 0.35rem;
}
.main-navigation .submenu-toggle {
width: 1.5rem;
padding-right: 0.4rem;
}
.main-navigation .menu > li:not(.menu-item-soutien):hover,
.main-navigation .menu > li:not(.menu-item-soutien):focus-within,
.main-navigation .menu > li.is-open {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.main-navigation .menu > li:not(.menu-item-soutien):hover > a,
.main-navigation .menu > li:not(.menu-item-soutien):focus-within > a,
.main-navigation .menu > li.is-open > a {
color: var(--pir-on-dark);
} .main-navigation .menu > .menu-item-soutien {
margin-left: auto;
margin-right: 0.45rem;
padding: 0.15rem 0;
}
.main-navigation .menu > li.menu-item-soutien > a {
padding: 0.55rem 1rem;
}
.main-navigation .sub-menu,
.main-navigation .children {
display: none;
position: absolute;
left: 0;
top: 100%;
min-width: 16rem;
background: var(--pir-dark);
border-radius: 0 12px 12px 12px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
padding: 0.4rem;
font-weight: 400;
}
.main-navigation .sub-menu .sub-menu,
.main-navigation .children .children {
left: 100%;
top: 0;
border-radius: 12px;
}
.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu,
.main-navigation li.is-open > .sub-menu,
.main-navigation li:hover > .children,
.main-navigation li:focus-within > .children {
display: block;
}
.main-navigation .sub-menu a,
.main-navigation .children a {
padding: 0.55rem 0.8rem;
border-radius: var(--pir-radius-sm);
color: var(--pir-on-dark);
}
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus,
.main-navigation .children a:hover {
background: var(--pir-accent);
color: var(--pir-on-accent);
}
} @media (max-width: 860px) {
.main-navigation {
overflow: hidden;
}
.menu-toggle {
display: flex;
}
.main-navigation > ul,
.main-navigation > div > ul {
display: none;
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.main-navigation.is-open > ul,
.main-navigation.is-open > div > ul {
display: block;
}
.main-navigation li {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.main-navigation .menu > li:last-child {
border-bottom: 0;
}
.main-navigation li > a {
flex: 1 1 auto;
padding: 0.85rem 1.15rem;
}
.main-navigation .submenu-toggle {
flex: 0 0 3.25rem;
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.main-navigation .sub-menu,
.main-navigation .children {
display: none;
flex: 1 0 100%;
background: var(--pir-dark);
font-weight: 400;
}
.main-navigation .sub-menu a {
color: var(--pir-on-dark);
}
.main-navigation li.is-open > .sub-menu {
display: block;
}
.main-navigation .children {
display: block;
}
.main-navigation .sub-menu li {
border-bottom-color: var(--pir-dark-2);
}
.main-navigation .sub-menu a {
padding-left: 2.15rem;
}
.main-navigation .menu-item-soutien > a {
margin: 0.6rem 0.75rem 0.75rem;
border-radius: 10px;
}
} .page-header {
margin-bottom: 1.25rem;
color: var(--pir-on-page);
}
.page-title {
margin: 0 0 0.5rem;
font-size: 1.75rem;
}
.archive-description {
color: var(--pir-page-muted);
}
.archive-description p {
margin: 0 0 0.75rem;
}
.page-header a {
color: var(--pir-page-link);
}
.subcategories ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
margin: 1rem 0 0;
padding: 0;
font-family: var(--pir-ui);
font-size: 0.875rem;
}
.subcategories a {
display: inline-block;
padding: 0.35rem 0.85rem;
border-radius: 999px;
background: var(--pir-paper);
color: var(--pir-ink);
text-decoration: none;
}
.subcategories a:hover,
.subcategories a:focus {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.post-list {
display: grid;
gap: 0.75rem;
} .entry--list {
padding: 1rem 1.25rem 1.05rem;
background: var(--pir-paper);
border-radius: var(--pir-radius-card);
}
.entry__kicker {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem 0.6rem;
margin: 0 0 0.3rem;
font-family: var(--pir-ui);
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.4;
color: var(--pir-link);
}
.entry__kicker .entry-date,
.entry__kicker .entry-date span {
display: inline;
margin: 0;
font: inherit;
color: inherit;
}
.entry__surtitle {
margin: 0 0 0.2rem;
font-family: var(--pir-ui);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--pir-link);
}
.entry--list .entry__title {
margin: 0;
font-size: 1.125rem;
line-height: 1.28;
}
.entry__title a {
color: var(--pir-ink);
text-decoration: none;
}
.entry__title a:hover,
.entry__title a:focus {
color: var(--pir-link);
text-decoration: underline;
text-decoration-thickness: 2px;
}
.entry__byline {
margin: 0.2rem 0 0;
font-family: var(--pir-ui);
font-size: 0.8125rem;
color: var(--pir-muted);
}
.entry__summary {
margin-top: 0.6rem;
font-size: 0.875rem;
line-height: 1.6;
}
.entry__summary::after {
content: "";
display: table;
clear: both;
}
.entry__thumb {
float: left;
width: 8.5rem;
margin: 0.2rem 1rem 0.3rem 0;
overflow: hidden;
border-radius: var(--pir-radius-sm);
background: #eeeeee;
}
.entry__thumb img {
display: block;
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.entry__excerpt p {
margin: 0 0 0.3rem;
}
.read-more {
font-family: var(--pir-ui);
font-size: 0.8125rem;
font-weight: 700;
} .entry__meta {
margin-top: 0.5rem;
font-family: var(--pir-ui);
font-size: 0.75rem;
line-height: 1.5;
}
.entry__meta a {
color: var(--pir-muted);
}
.entry__meta a:hover {
color: var(--pir-link);
} .entry--featured {
background: var(--pir-feature);
color: var(--pir-on-feature);
}
.entry__flag {
display: inline-block;
padding: 0.1rem 0.6rem;
border-radius: 999px;
background: var(--pir-feature-hi);
color: var(--pir-feature);
font-size: 0.6875rem;
line-height: 1.5;
}
.entry--featured .entry__kicker,
.entry--featured .entry__surtitle,
.entry--featured .read-more,
.entry--featured .entry__excerpt a {
color: var(--pir-feature-hi);
}
.entry--featured .entry__byline,
.entry--featured .entry__meta a {
color: var(--pir-feature-muted);
}
.entry--featured .entry__title a {
color: var(--pir-on-feature);
}
.entry--featured .entry__title a:hover,
.entry--featured .entry__title a:focus {
color: var(--pir-feature-hi);
}
.entry--featured .entry__thumb {
background: rgba(255, 255, 255, 0.08);
}
.entry--featured :focus-visible {
outline-color: var(--pir-feature-hi);
}
@media (max-width: 640px) {
.entry--list {
padding: 0.9rem 1rem 1rem;
}
.entry__thumb {
width: 6.5rem;
margin-right: 0.8rem;
}
} .posts-navigation {
margin-top: 1.75rem;
font-family: var(--pir-ui);
font-weight: 700;
}
.posts-navigation .nav-links {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1rem;
}
.posts-navigation .nav-next {
margin-left: auto;
}
.posts-navigation a {
display: inline-block;
padding: 0.8rem 1.35rem;
border-radius: 999px;
text-decoration: none;
background: var(--pir-paper);
color: var(--pir-ink);
}
.posts-navigation .nav-previous a {
background: var(--pir-nav);
color: var(--pir-on-nav);
box-shadow: 0 4px 0 var(--pir-accent-strong);
}
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-previous a:focus {
background: var(--pir-accent-strong);
color: var(--pir-on-nav);
}
.posts-navigation .nav-next a:hover,
.posts-navigation .nav-next a:focus {
background: var(--pir-dark);
color: var(--pir-on-dark);
} .pagination {
margin-top: 1.75rem;
font-family: var(--pir-ui);
font-size: 0.9375rem;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
}
.pagination .page-numbers {
display: inline-block;
min-width: 2.5rem;
padding: 0.5rem 0.8rem;
border-radius: 999px;
background: var(--pir-paper);
text-align: center;
text-decoration: none;
color: var(--pir-ink);
}
.pagination .page-numbers.current {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
background: var(--pir-nav);
color: var(--pir-on-nav);
}
.pagination .dots {
background: transparent;
min-width: 0;
color: var(--pir-on-page);
}
.pagination .next {
margin-left: auto;
} .entry--single,
.entry--page,
.not-found,
.comments-area,
.woocommerce-main,
.search-results-list {
background: var(--pir-paper);
border-radius: var(--pir-radius-card);
padding: clamp(1.1rem, 3vw, 1.9rem);
}
.comments-area {
margin-top: 1rem;
}
.entry--single .entry__title,
.entry--page .entry__title {
margin: 0;
font-size: 1.625rem;
line-height: 1.18;
letter-spacing: -0.01em;
}
.entry__meta-line {
margin: 0.75rem 0 0;
font-family: var(--pir-ui);
font-size: 0.9rem;
color: var(--pir-muted);
}
.entry__meta-line a {
color: var(--pir-muted);
}
.entry__meta-line .author {
color: var(--pir-link);
font-weight: 600;
}
.entry--single .entry__header,
.entry--page .entry__header {
padding-bottom: 1rem;
margin-bottom: 1.25rem;
border-bottom: 2px solid var(--pir-dark);
}
.entry__featured {
margin: 0 0 1.75rem;
}
.entry__featured img {
display: block;
width: 100%;
}
.entry__featured figcaption,
.wp-caption-text,
figcaption {
font-family: var(--pir-ui);
font-size: 0.8125rem;
color: var(--pir-muted);
margin-top: 0.4rem;
}
.entry-content {
overflow-wrap: break-word;
} .entry--single .entry-content {
max-width: 46rem;
}
.entry-content > *:first-child {
margin-top: 0;
}
.entry-content p {
margin: 0 0 1.15em;
} .entry-content p:not([class*="has-text-align"]),
.entry__lead p,
.entry__excerpt p {
text-align: justify;
-webkit-hyphens: auto;
hyphens: auto;
}
.entry-content h2 {
font-size: 1.5rem;
}
.entry-content h3 {
font-size: 1.25rem;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-size: 1.0625rem;
}
.entry-content ul,
.entry-content ol {
margin: 0 0 1.15em;
padding-left: 1.5em;
}
.entry-content li {
margin-bottom: 0.35em;
}
.entry-content blockquote,
.wp-block-quote {
margin: 1.5em 0;
padding: 0.25em 0 0.25em 1.25em;
border-left: 4px solid var(--pir-accent);
font-style: italic;
color: #3a3a3a;
}
.entry-content blockquote p:last-child {
margin-bottom: 0;
}
.entry-content blockquote cite {
display: block;
margin-top: 0.5em;
font-style: normal;
font-family: var(--pir-ui);
font-size: 0.875rem;
color: var(--pir-muted);
}
.entry-content table {
width: 100%;
border-collapse: collapse;
margin: 0 0 1.5em;
font-size: 0.95rem;
}
.entry-content th,
.entry-content td {
border: 1px solid var(--pir-rule);
padding: 0.5em 0.65em;
text-align: left;
}
@media (max-width: 640px) {
.entry-content table {
display: block;
overflow-x: auto;
}
.entry--single .entry__title,
.entry--page .entry__title {
font-size: 1.7rem;
}
}
.entry-content pre {
overflow-x: auto;
background: #f6f6f6;
padding: 1em;
font-size: 0.875rem;
}
.entry-content iframe,
.entry-content embed,
.entry-content video {
display: block;
margin: 0 0 1.5em;
}
.entry-content iframe[src*="youtube"],
.entry-content iframe[src*="vimeo"],
.entry-content iframe[src*="dailymotion"] {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
} .alignleft {
float: left;
margin: 0.3em 1.5em 1em 0;
}
.alignright {
float: right;
margin: 0.3em 0 1em 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.25em;
}
.wp-caption img {
display: block;
}
.entry-content::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 520px) {
.alignleft,
.alignright {
float: none;
margin: 0 0 1em;
}
}
.gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
gap: 0.75rem;
margin-bottom: 1.5em;
}
.gallery-item {
margin: 0;
}
.entry__footer {
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid var(--pir-rule);
font-family: var(--pir-ui);
font-size: 0.875rem;
color: var(--pir-muted);
}
.entry__footer p {
margin: 0 0 0.5rem;
}
.page-links {
clear: both;
margin: 1.5rem 0;
font-family: var(--pir-ui);
} .post-navigation {
margin-top: 2rem;
font-family: var(--pir-ui);
}
.post-navigation .nav-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
gap: 1rem;
}
.post-navigation a {
display: block;
height: 100%;
padding: 1rem 1.15rem;
border-radius: var(--pir-radius-card);
background: var(--pir-paper);
text-decoration: none;
color: var(--pir-ink);
}
.post-navigation a:hover,
.post-navigation a:focus {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.post-navigation a:hover .nav-label,
.post-navigation a:focus .nav-label {
color: var(--pir-on-dark);
}
.post-navigation .nav-next {
text-align: right;
}
.post-navigation .nav-label {
display: block;
font-size: 0.8125rem;
color: var(--pir-muted);
margin-bottom: 0.25rem;
}
.post-navigation .nav-title {
display: block;
font-family: var(--pir-text);
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.3;
} .archives-search {
margin: 0 0 1.25rem;
}
.archive-years ul {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
list-style: none;
margin: 0 0 1.5rem;
padding: 0;
font-family: var(--pir-ui);
font-size: 0.875rem;
}
.archive-years a {
display: inline-block;
padding: 0.25rem 0.6rem;
border: 1px solid var(--pir-rule);
color: var(--pir-ink);
text-decoration: none;
font-variant-numeric: tabular-nums;
}
.archive-years a:hover,
.archive-years a:focus {
border-color: var(--pir-accent);
color: var(--pir-link);
}
.archive-month {
margin-top: 2rem;
scroll-margin-top: 1rem;
}
.archive-month__title {
margin: 0 0 0.25rem;
padding-bottom: 0.35rem;
border-bottom: 2px solid var(--pir-dark);
font-family: var(--pir-ui);
font-size: 1.0625rem;
}
.archive-month__title::first-letter {
text-transform: uppercase;
}
.archive-month__list {
list-style: none;
margin: 0;
padding: 0;
}
.archive-item {
display: grid;
grid-template-columns: 2rem minmax(0, 1fr);
gap: 0.85rem;
padding: 0.55rem 0;
border-bottom: 1px solid var(--pir-rule);
line-height: 1.45;
}
.archive-item__day {
text-align: right;
font-family: var(--pir-ui);
font-weight: 700;
color: var(--pir-link);
font-variant-numeric: tabular-nums;
}
.archive-item__text a {
color: var(--pir-ink);
text-decoration: none;
}
.archive-item__text a:hover,
.archive-item__text a:focus {
color: var(--pir-link);
text-decoration: underline;
}
.archive-item__sig {
display: inline-block;
font-family: var(--pir-ui);
font-size: 0.8125rem;
color: var(--pir-muted);
margin-left: 0.35rem;
} .widget-area {
font-family: var(--pir-ui);
font-size: 0.9375rem;
line-height: 1.55;
min-width: 0;
}
.widget {
margin: 0 0 0.75rem;
padding: 0.85rem 1rem 0.95rem;
background: var(--pir-paper);
border-radius: 12px;
overflow-wrap: break-word;
} .support-button {
display: block;
padding: 0.65rem 1rem;
border-radius: 999px;
font-family: var(--pir-ui);
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
}
.widget .support-button--primary {
background: var(--pir-nav);
color: var(--pir-on-nav);
box-shadow: 0 3px 0 var(--pir-accent-strong);
}
.widget .support-button--primary:hover,
.widget .support-button--primary:focus {
background: var(--pir-accent-strong);
color: var(--pir-on-nav);
}
.widget .support-text {
margin: 1rem 0 0.45rem;
font-size: 0.8125rem;
line-height: 1.45;
color: var(--pir-muted);
}
.widget .support-button--paypal {
background: transparent;
box-shadow: inset 0 0 0 2px var(--pir-dark);
color: var(--pir-ink);
}
.widget .support-button--paypal:hover,
.widget .support-button--paypal:focus {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.widget--join {
padding: 0.75rem;
}
.widget .support-button--join {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.widget .support-button--join:hover,
.widget .support-button--join:focus {
background: var(--pir-nav);
color: var(--pir-on-nav);
}
.widget-title,
.widget h3 {
margin: 0 0 0.65rem;
padding-bottom: 0.35rem;
border-bottom: 2px solid var(--pir-dark);
font-family: var(--pir-ui);
font-size: 0.9375rem;
font-weight: 700;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 0.35rem 0;
border-bottom: 1px solid var(--pir-rule);
}
.widget li:last-child {
border-bottom: 0;
}
.widget ul ul {
margin-top: 0.35rem;
padding-left: 1rem;
}
.widget a {
color: var(--pir-ink);
}
.widget a:hover,
.widget a:focus {
color: var(--pir-link);
}
.widget img {
max-width: 100%;
height: auto;
}
.widget p {
margin: 0 0 0.75rem;
} .widget .wp-block-social-links {
gap: 0.5rem;
} input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
select,
textarea {
width: 100%;
max-width: 100%;
padding: 0.55rem 0.7rem;
border: 1px solid #b9b9b9;
border-radius: 0;
background: #ffffff;
color: var(--pir-ink);
font: 1rem/1.4 var(--pir-ui);
}
input:focus,
select:focus,
textarea:focus {
border-color: var(--pir-accent);
outline: 2px solid var(--pir-accent);
outline-offset: 0;
}
textarea {
min-height: 9rem;
resize: vertical;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-button__link,
.wpcf7-submit {
display: inline-block;
padding: 0.6rem 1.15rem;
border: 0;
border-radius: 0;
background: var(--pir-accent);
color: var(--pir-on-accent);
font: 700 0.9375rem/1.3 var(--pir-ui);
cursor: pointer;
text-decoration: none;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover,
.wpcf7-submit:hover {
background: var(--pir-accent-strong);
color: var(--pir-on-accent);
}
.main-navigation button,
.main-navigation button:hover {
background: transparent;
color: var(--pir-on-nav);
font-weight: inherit;
}
.main-navigation .menu-toggle,
.main-navigation .menu-toggle:hover {
font-weight: 700;
}
.search-form__label {
display: block;
margin-bottom: 0.35rem;
font-family: var(--pir-ui);
font-size: 0.875rem;
font-weight: 600;
}
.search-form__row {
display: flex;
}
.search-form .search-field {
flex: 1 1 auto;
min-width: 0;
}
.search-form .search-submit {
flex: 0 0 auto;
}
.wpcf7 p {
margin: 0 0 1rem;
}
.wpcf7 label {
display: block;
font-family: var(--pir-ui);
font-size: 0.9375rem;
} .comments-area {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 2px solid var(--pir-dark);
}
.comments-title,
.comment-reply-title {
margin: 0 0 1rem;
font-size: 1.3rem;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .children {
padding-left: 1.5rem;
border-left: 2px solid var(--pir-rule);
}
.comment-body {
padding: 1rem 0;
border-bottom: 1px solid var(--pir-rule);
}
.comment-meta {
font-family: var(--pir-ui);
font-size: 0.875rem;
color: var(--pir-muted);
}
.comment-meta .avatar {
float: left;
margin-right: 0.75rem;
}
.comment-author .fn {
font-weight: 700;
color: var(--pir-ink);
}
.comment-metadata a {
color: var(--pir-muted);
}
.comment-content {
clear: both;
padding-top: 0.5rem;
}
.reply {
font-family: var(--pir-ui);
font-size: 0.875rem;
}
.comment-form p {
margin: 0 0 1rem;
}
.comment-form label {
display: block;
font-family: var(--pir-ui);
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
} .site-footer {
padding: 0.25rem 0 2.25rem;
font-family: var(--pir-ui);
}
.social-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem 1.5rem;
padding: 0.5rem 1rem;
background: var(--pir-nav);
color: var(--pir-on-nav);
border-radius: var(--pir-radius-bar);
box-shadow: 0 5px 0 var(--pir-accent-strong), 0 14px 26px -12px rgba(0, 0, 0, 0.45);
}
.social-bar__group {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.25rem 0.75rem;
} .social-bar__group + .social-bar__group {
padding-left: 1.5rem;
border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.social-bar__label {
margin: 0;
font-size: 0.875rem;
font-weight: 700;
white-space: nowrap;
} .social-bar__text-link {
display: inline-block;
margin: 0 0.15rem;
padding: 0.3rem 0.75rem;
border-radius: 999px;
box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.6);
color: var(--pir-on-nav);
font-size: 0.8125rem;
font-weight: 700;
text-decoration: none;
}
.social-bar__text-link:hover,
.social-bar__text-link:focus {
background: var(--pir-dark);
box-shadow: none;
color: var(--pir-on-dark);
}
.social-bar__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.1rem;
list-style: none;
margin: 0;
padding: 0;
}
.social-bar__link {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
color: var(--pir-on-nav);
transition: background-color 0.15s ease;
}
.social-bar__link:hover,
.social-bar__link:focus {
background: var(--pir-dark);
color: var(--pir-on-dark);
}
.social-bar__link:focus-visible {
outline: 3px solid var(--pir-on-nav);
outline-offset: 2px;
}
.social-bar__icon {
display: block;
width: 1.3rem;
height: 1.3rem;
}
.social-bar__empty {
margin: 0;
text-align: center;
color: var(--pir-page-muted);
}
@media (prefers-reduced-motion: reduce) {
.social-bar__link {
transition: none;
}
}  .entry__lead {
max-width: 46rem;
margin: 0 0 1.5rem;
font-weight: 700;
line-height: 1.6;
}
.entry__lead p {
margin: 0 0 0.75rem;
} .entry__lead .printfriendly,
.entry__lead .pf-button,
.entry__excerpt .printfriendly {
display: none;
} .author-box {
display: flex;
gap: 1rem;
align-items: flex-start;
max-width: 46rem;
margin: 2rem 0 0;
padding: 1rem;
border-radius: 10px;
background: #f2f2f2;
font-family: var(--pir-ui);
font-size: 0.9rem;
}
.author-box .avatar {
flex: 0 0 auto;
}
.author-box__title {
margin: 0 0 0.4rem;
font-size: 1rem;
}
.author-box p {
margin: 0 0 0.5rem;
} .category-editor {
margin: 0 0 1.5rem;
padding: 0.6rem 0.9rem;
border: 1px dashed #b9b9b9;
border-radius: var(--pir-radius-sm);
font-family: var(--pir-ui);
font-size: 0.875rem;
}
.category-editor summary {
cursor: pointer;
font-weight: 700;
}
.category-editor__notice {
margin: 0.6rem 0 0;
color: #1e6b2f;
font-weight: 700;
}
.category-editor__list,
.category-editor__list ul {
list-style: none;
margin: 0.6rem 0;
padding: 0;
}
.category-editor__list ul {
padding-left: 1.25rem;
margin: 0.2rem 0;
}
.category-editor__list li {
margin: 0.2rem 0;
}
.category-editor__list label {
cursor: pointer;
} .search-count {
margin: 0.75rem 0 0;
font-family: var(--pir-ui);
font-size: 0.875rem;
color: var(--pir-muted);
} .widget-area form#paypal {
display: inline-block;
width: 167px;
}
.widget-area a#joinus {
float: right;
}
.widget-area img.book {
border: 1px solid #444444;
}
.widget-area a.sidebarbook {
float: left;
display: block;
width: 120px;
margin-right: 0.5rem;
}
.widget-area span.bookside,
.widget-area span.booksidestrong {
display: inline-block;
max-width: 100%;
padding-top: 0.5rem;
}
.widget-area span.booksidestrong {
font-weight: 700;
line-height: 1.3;
}
.widget::after {
content: "";
display: table;
clear: both;
} ul.dlm-downloads {
display: flex;
flex-wrap: wrap;
gap: 1rem;
list-style: none;
margin: 0 0 1.5rem;
padding: 0;
}
.dlm-downloads li {
margin: 0;
}
aside.download-box {
width: 190px;
font-family: var(--pir-ui);
font-size: 0.875rem;
}
aside.download-box img {
display: block;
width: 150px;
margin: 5px auto;
}
aside.download-box .download-box-content {
padding: 0 4px 4px;
}
.download-box h1 {
margin: 0.4rem 0;
font-size: 0.9375rem;
}
a.download-button {
display: block;
padding: 0.5rem 0.75rem;
border-radius: var(--pir-radius-sm);
background: var(--pir-accent);
color: var(--pir-on-accent);
font-weight: 700;
text-decoration: none;
}
a.download-button:hover,
a.download-button:focus {
background: var(--pir-accent-strong);
color: var(--pir-on-accent);
}
a.download-button small {
display: block;
font-weight: 400;
opacity: 0.85;
} .woocommerce-main .woocommerce-products-header__title,
.woocommerce-main .product_title {
margin-top: 0;
}
.woocommerce-main .woocommerce-breadcrumb {
font-family: var(--pir-ui);
font-size: 0.8125rem;
color: var(--pir-muted);
margin-bottom: 1rem;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--pir-text);
font-size: 1rem;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
background: var(--pir-accent);
color: var(--pir-on-accent);
border-radius: 999px;
font-family: var(--pir-ui);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
background: var(--pir-accent-strong);
color: var(--pir-on-accent);
} @media (max-width: 1020px) {
.site {
padding-top: 0;
}
}
@media (max-width: 860px) {
:root {
--pir-pad: 12px;
--pir-radius-bar: 14px;
} .site-banner {
margin: 0 calc(-1 * var(--pir-pad));
}
.site-branding {
padding: 1.1rem 0 0.8rem;
}
.site-title {
font-size: 1.5rem;
}
.site-content {
padding-top: 1.25rem;
}
.social-bar {
flex-direction: column;
padding: 0.75rem 0.75rem 0.5rem;
}
.social-bar__group {
flex-direction: column;
gap: 0.2rem;
}
.social-bar__group + .social-bar__group {
padding: 0.6rem 0 0;
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.35);
}
} @media print {
body {
background: #ffffff;
}
.main-navigation,
.widget-area,
.site-footer,
.post-navigation,
.comments-area,
.skip-link {
display: none;
}
.site,
.site-content {
display: block;
max-width: none;
margin: 0;
padding: 0;
}
.entry--list,
.entry--single,
.entry--page,
.entry--featured {
background: none;
color: #000000;
padding: 0;
}
.entry-content a::after {
content: " (" attr(href) ")";
font-size: 0.8em;
color: #555555;
}
}