@charset "utf-8";
  @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/fraunces-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/fraunces-latin-ext-400-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/fraunces-latin-500-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/fraunces-latin-ext-500-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/fraunces-latin-600-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/fraunces-latin-ext-600-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-ext-400-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-display: swap;
font-weight: 400;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-400-italic.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-display: swap;
font-weight: 400;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-ext-400-italic.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-500-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-ext-500-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-600-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//sirje.com/wp-content/themes/sirje-2026/FONTS/inter-latin-ext-600-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} :root {
--color-warm-white: #FAFAF8;
--color-soft-grey:  #E8E6E1;
--color-stone:      #8A8579;
--color-darker: 	#565654;
--color-charcoal:   #2B2B28;
--color-bg: var(--color-warm-white); --color-bg-page: var(--color-warm-white); --color-text-muted: var(--color-charcoal); --color-heading: var(--color-charcoal); --color-link: var(--color-charcoal); --color-nav-accent: var(--color-stone); --color-phone: var(--color-stone); --color-highlight: var(--color-charcoal); --color-border: var(--color-soft-grey); --color-divider-light: var(--color-warm-white); --color-white: var(--color-warm-white); --color-frame-border: var(--color-soft-grey); --color-image-border: var(--color-stone); --color-caption-faint: var(--color-stone); --color-highlight-bg: var(--color-warm-white); } :root {
--font-heading: 'Fraunces', Georgia, serif;
--font-body: 'Inter', tahoma, arial, sans-serif;
} :root {
--painting-ratio: 4 / 5;
} body, img, ul, li, h1, h2, p, dl, dt, dd { border: 0; padding: 0; margin: 0; }
*, *::before, *::after {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}  html, body {
height: 100%;
}
html { font-size: 62.5%;
}
body {
background: var(--color-bg);
}
#page-wrapper {
background: var(--color-bg-page);
color: var(--color-text-muted); font-family: var(--font-body);
line-height: 1.5em;
width: 100%; max-width: 950px; padding: 0 20px;
margin: 0 auto; position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}  a {
color: var(--color-link);
}
a:hover {
text-decoration: none;
}
.clear {
clear: both;
}  #header {
padding: 15px 0 10px 0;
border-bottom: 1px solid var(--color-border); position: relative;
} #header #logotype {
display: block;
margin: 0 0 15px;
}
#menu-wrapper {
display: block;
} #languages {
position: absolute;
top: 15px;
right: 0;
display: flex;
margin: 0;
font-size: 1.3rem;
}
#languages li {
float: none;
list-style: none;
padding: 0;
}
#languages li + li {
margin-left: 0.6em;
}
#languages a {
color: var(--color-text-muted); }
#languages li.current-lang a {
font-weight: bold;
text-decoration: none;
}
#menu {
margin-top: 0; }
#menu {
font-family: var(--font-body);
font-size: 1.8rem;
color: var(--color-nav-accent);
line-height: 1em;
}
#menu .page_item,
#menu .current_page_item,
#menu .page_item_contact,
#menu .page_item_phone {
display: inline;
}
#menu .page_item a,
#menu .current_page_item a {
color: var(--color-nav-accent);
} #menu .page_item_contact a {
color: var(--color-link);
}
#menu .page_item_phone a {
color: var(--color-phone);
}
#menu .page_item a,
#menu .page_item_contact a,
#menu .page_item_phone a {
text-decoration: none;
}
#menu .page_item a:hover,
#menu .current_page_item a:hover,
#menu .page_item_contact a:hover,
#menu .page_item_phone a:hover {
text-decoration: underline;
}  #content {
padding-bottom: 35px; font-size: 1.7rem;
line-height: 1.8em;
}
#content p {
margin-bottom: 1.2em;
}
#content h1,
#content h2 {
font-family: var(--font-heading);
letter-spacing: -0.01em;
}
#content h1 {
font-size: clamp(3rem, 1.8rem + 1vw, 2.4rem);
color: var(--color-heading);
}
#content h2 {
font-size: clamp(1.5rem, 1.4rem + 0.5vw, 1.7rem);
color: var(--color-text-muted); margin-left: -0.05em;
}
#content h2 span.date {
color: var(--color-highlight);
}
#banner-frontpage {
margin-bottom: 3vh;
}
#banner-frontpage > .wp-block-image {
margin: 0;
}
#albums-wrapper {
border-top: 1px solid var(--color-border);
margin-bottom: 15px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px 3%;
}
#gallery-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px 3%;
margin-top: 15px;
} .galleries-per-row,
.albums-per-row {
display: contents;
} #gallery-wrapper .clear,
#albums-wrapper .clear {
display: none;
}
div.stack { position: relative;
width: 100%;
margin: 0;
} div.stack::after {
content: '';
position: absolute;
left: 0; right: 0;
top: 100%;
margin-top: 9px;
height: 1px;
background: var(--color-border);
} .ngg-breadcrumbs {
display:none;
}
div.stacking {
display: none;
}
div.album {
background: var(--color-white);
border: 1px solid var(--color-frame-border);
text-align: center; padding: 14px 14px 18px;
box-sizing: border-box;
}
div.painting {
width: 100%;
margin: 0;
}
div.painting div.cell,
div.painting div.cell a {
display: block;
width: 100%;
height: auto;
}
div.painting img {
display: block;
width: 100%;
height: auto;
} @media (min-width: 821px) {
div.painting {
aspect-ratio: var(--painting-ratio);
overflow: hidden; }
div.painting div.cell,
div.painting div.cell a {
height: 100%;
}
div.painting img { height: 100%;
object-fit: cover;
object-position: center;
}
}
div.album div.painting img {
border: 1px solid var(--color-image-border);
}
div.album a.title {
display: block;
margin-top: 14px;
color: var(--color-text-muted); text-decoration: none;
}
div.album:hover a.title {
color: var(--color-link);
text-decoration: underline;
}
div.navigation {
padding: 8px 0; font-family: var(--font-body);
font-size: 1.6rem; }
div.border-bottom {
border-bottom: 1px solid var(--color-border);
}
div.border-top {
border-top: 1px solid var(--color-border);
}
div.navigation ul,
div.navigation li {
list-style: none;
display: inline;
}
div.navigation li {
margin-left: 5px;
}
div.navigation a {
text-decoration: none;
}
div.navigation .align-left {
float: left;
}
div.navigation .align-right {
float: right;
}
div.painting-wrapper {
width: 100%;
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid var(--color-border);
display: flex;
flex-direction: column;
}
div.painting-wrapper div.painting {
width: 92%;
aspect-ratio: auto;
margin: 0 auto;
margin-top: 20px;
}
div.painting-wrapper div.painting div.cell,
div.painting-wrapper div.painting div.cell a {
display: block;
width: 100%;
height: 100%;
}
div.painting-wrapper div.painting div.cell div.border { background: var(--color-white); padding: 10px;
border: 1px solid var(--color-frame-border);
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
}
div.painting-wrapper div.painting div.cell div.border a {
display: block;
width: 100%;
height: 100%;
}
div.painting-wrapper div.details {
margin-top: auto;
padding-top: 10px;
}
@media (min-width: 821px) {
div.painting-wrapper div.details {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
column-gap: 0.4em;
}
}
div.painting-wrapper a.title {
display: block;
color: var(--color-caption-faint);
text-decoration: none;
}
div.painting-wrapper:hover a.title {
color: var(--color-link);
text-decoration: underline;
}
div.painting-wrapper span {
display: block;
font-size: 1.3rem;
color: var(--color-caption-faint);
}
div.painting-wrapper:hover span {
color: var(--color-text-muted); }
div.highlight {
background: var(--color-highlight-bg);
padding: 1.5em 2%;
border: 1px solid var(--color-border);
border-top: none;
}
div.highlight h1 {
display: inline;
}
div.highlight div.image-float,
div.highlight div.wp-caption,
div.highlight div.mceTemp {
float: right;
background: var(--color-white); padding: 10px;
border: 1px solid var(--color-frame-border);
margin-left: 15px;
} div.highlight div.wp-caption,
div.highlight div.mceTemp {
padding: 10px 5px 5px 5px;
text-align: center;
} div.highlight p.wp-caption-text {
display: none;
}
div.highlight div.image-float img,
div.highlight div.mceTemp img {
vertical-align: bottom;
}
div.facts {
font-size: 1.4rem;
line-height: 1.5em;
}
div.facts ul {
list-style-image: url(//sirje.com/wp-content/themes/sirje-2026/IMG/list-bullet-square.png);
margin-left: 1.5em;
}
div.facts strong {
color: var(--color-heading); }
div.facts em {
font-style: italic;
}
div.columns-wrapper div.column {
width: 48%;
margin: 0 1%;
float: left;
} div.columns-wrapper div.hide-images div.wp-caption,
div.columns-wrapper div.hide-images div.mceTemp,
div.columns-wrapper div.hide-images div figure,
div.columns-wrapper div.hide-images iframe,
div.hide-images > div > .wp-block-column.hide-images {
display: none;
}
div.facts div.column {
width: 45%;
padding: 0 1% 0 3%;
margin: 1em 0;
}
div.facts div.column-border {
border-left: 1px solid var(--color-divider-light);
}
div.facts h1 {
padding-top: 0.4em;
}
div.content-spacing {
padding: 1%;
}  #footer {
clear: both;
text-align: right;
border-top: 1px solid var(--color-border);
padding: 7px 0;
position: absolute;
left: 20px; right: 20px;
bottom: 0;
}
#footer p {
display: none;
}   @media (max-height: 500px) and (pointer: coarse) {
#gallery-wrapper,
#albums-wrapper {
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
} @media (max-width: 820px) {
#page-wrapper {
padding: 0 15px;
} #header #logotype { max-width: 75%;
}
#header #logotype img {
width: auto;
max-width: 70%;
}
#languages {
font-size: 1.4rem;
}
#languages a {
display: inline-block;
padding: 4px 2px;
}
#menu {
margin-top: 10px;
font-size: 1.8rem;
line-height: 1.4em;
}
#menu .page_item {
display: block;
padding: 10px 0;
}
#menu .page_item_contact,
#menu .page_item_phone {
display: inline-block;
padding: 10px 8px 10px 0;
} #content {
font-size: 1.7rem;
}
div.navigation {
font-size: 1.7rem;
}
div.painting-wrapper span,
div.facts {
font-size: 1.5rem;
} #gallery-wrapper,
#albums-wrapper {
gap: 28px 3%;
} div.album {
background: none;
border: none;
padding: 0;
}
div.painting-wrapper div.painting div.cell div.border {
background: none;
padding: 0;
border: none;
}
div.album div.painting img {
border: none;
}
div.painting-wrapper div.painting {
width: 100%;
margin-top: 12px;
} div.painting-wrapper a.title,
div.painting-wrapper span {
color: var(--color-heading);
} div.columns-wrapper div.column,
div.facts div.column {
width: 100%;
margin: 0 0 1.5em;
float: none;
}
div.facts div.column-border {
border-left: none;
border-top: 1px solid var(--color-divider-light);
padding-top: 1.5em;
} div.highlight div.image-float,
div.highlight div.wp-caption,
div.highlight div.mceTemp {
float: none;
margin: 0 0 15px;
text-align: center;
} #footer {
position: static;
text-align: center;
margin-top: 20px;
}
.mobile-first {
order: 1;
}
.mobile-second {
order: 2;
}
}