:root {
    --bodyfont: Merriweather, serif;
    --bodysize: 18px;
    --bodywidth: 900px;
    --bodypadding: min(2vw, 30px);
    --bodycream: #f2ead3;
    --lightbodycream: #fcfaf3;
    --latvianred: #a4343a;
    --darklatvianred: #94242a;
    --lightcream: #f6ebd2;
    --menucream: #e2d2ac;
    --sepback: #eee5ce;
    --pureleft: 240px;
    --negativepureleft: -240px;
    --headfont: "Fira Sans Condensed";
    --lightlatvianred: #c1af86;
    --headcolor: #746748;
    --ourmenuhead: #a4343a;
    --figure-thumb: 100px;
    --figure-small: 150px;
    --figure-medium: 250px;
    --figure-large: 350px;
    --figure-xl: 500px;
    --figure-xxl: 600px;
    --figure-full: calc(var(--bodywidth) - var(--bodypadding))
}
.larger { font-size: calc(var(--bodysize) + 2px); }

a, u, ins, .underline {
  /* push underline 4px lower from baseline */
  text-underline-offset: 4px;

  /* don't let the browser "skip" ink (optional) */
  text-decoration-skip-ink: none;

  /* if you want underline to follow text color */
  text-decoration-color: currentColor;

  /* default thickness — leave unset if you want normal by default */
  text-decoration-thickness: 1px;
}

.pure-menu-disabled,.pure-menu-heading,.pure-menu-link {
    padding: unset;
}

.figure-thumb {
    margin: auto;
    max-height: var(--figure-thumb);
    max-width: var(--figure-thumb)
}

.figure-small {
    margin: auto;
    max-height: var(--figure-small);
    max-width: var(--figure-small)
}

.figure-medium {
    margin: auto;
    max-height: var(--figure-medium);
    max-width: var(--figure-medium)
}

.figure-large {
    margin: auto;
    max-height: var(--figure-large);
    max-width: var(--figure-large)
}

.figure-xl {
    margin: auto;
    max-height: var(--figure-xl);
    max-width: var(--figure-xl)
}

.figure-xxl {
    margin: auto;
    max-height: var(--figure-xxl);
    max-width: var(--figure-xxl)
}

.figure-full {
    margin: auto;
    max-height: var(--figure-full);
    max-width: var(--figure-full)
}
/* merriweather-regular - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/merriweather-v33-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-italic - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/merriweather-v33-cyrillic_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-700 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/merriweather-v33-cyrillic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-700italic - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/merriweather-v33-cyrillic_latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-regular - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/fira-sans-condensed-v11-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-italic - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/fira-sans-condensed-v11-cyrillic_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-500 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/fira-sans-condensed-v11-cyrillic_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-500italic - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/fira-sans-condensed-v11-cyrillic_latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


em {
    color: var(--latvianred);
    font-style: normal;
    font-weight: 700
}

.content.our .alah2, .content.our h2, .content.our h2 a, .content.our h3, .content.our h3 a, .content.our h4, .content.our h4 a, .content.our h5, .content.our h5 a, .content.our h6, .content.our h6 a, h1 {
    color: var(--headcolor);
    font-family: var(--headfont), sans-serif;
    font-weight: 500;
    line-height: 120%;
    text-align: left
}

.alah2, .content.our h2	{ font-size: 26px; }
.content.our 			h3 { font-size: 24px; opacity: .9 }
.content.our 			h4 { font-size: 20px; opacity: .9 }
.content.our h5, .content.our h6
								{ font-size: 18px; opacity: .9 }
.content.our h6 { font-weight: 400; }

#header {
    background: #a4343a;
    color: #fff;
    margin: 0 auto
}

div.gsc-control-cse.gsc-control-cse-en {
    border: none !important;
    width: calc(100% - 2px)
}

html * {
    box-sizing: border-box
}

body {
    background-attachment: fixed;
    background-image: url(graphics/body-back.gif);
    font-size: 17px;
    margin: 0;
    padding: 0
}

.body, .content .pure-g [class*=pure-u] blockquote, .content.our, h2.body {
    background: #fff;
    color: #666;
    font-family: var(--bodyfont);
    font-weight: 400;
    line-height: 150%;
    max-width: 100%;
    width: var(--bodywidth)
}

.body {
    font-size: 17px
}

.content.our .mCM_btn {
    font-weight: 400
}

h2.body {
    display: inline !important;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

h2.body a {
    color: inherit;
    font-family: Merriweather, serif;
    font-weight: 700
}

#menu.our {
    background-image: url(graphics/menu-back-v2.gif)
}

#menu.our ul {
    background: #a4343a
}

#abovetop {
    background: url(graphics/top-banner-original-cz.jpg);
    background-position: -102px -1px;
    display: block;
    height: 102px;
    margin: 0 auto;
    margin: 0;
    max-width: 100%;
    width: var(--bodywidth);
    width: 100%
}

#topmenu.our, #topmenu.our a {
    color: #555
}

#topmenu.our {
    background-color: #fff;
    box-sizing: border-box;
    font-family: var(--headfont), sans-serif;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    position: sticky;
    text-align: left;
    top: 0;
    transition: .2s ease-in-out;
    width: 100%;
    z-index: 1000
}

#topmenu.our .pure-menu-horizontal {
    white-space: normal
}

#topmenu.our ul ul {
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.6)
}

#topmenu.our .menu {
    display: none
}

.pure-menu-has-children>.pure-menu-link:after, .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
    content: none !important
}

em .mCM_WIK_link, em.mCM_WIK_link:active, em.mCM_WIK_link:visited {
    color: var(--latvianred)
}

.mCM_EXT_link, .mCM_EXT_link:active, .mCM_EXT_link:visited,
.mCM_WIK_link, .mCM_WIK_link:active, .mCM_WIK_link:visited {
    color: var(--latvianred);
    font-weight: 400;
    text-decoration-style: dotted;
	 text-decoration-thickness: 1pt;
}
b .mCM_EXT_link, b .mCM_EXT_link:active, b .mCM_EXT_link:visited,
b .mCM_WIK_link, b .mCM_WIK_link:active, b .mCM_WIK_link:visited {
	font-weight: bold;
}

.mCM_EXT_link:hover,
.mCM_WIK_link:hover {
    text-decoration-style: solid
}

.content .mCM_SITE_link, .content .mCM_SITE_link:active, .content .mCM_SITE_link:visited {
    color: var(--latvianred);
    font-weight: 400;
    text-decoration-style: dotted;
	 text-decoration-thickness: 1pt;
}

.content .mCM_pagenav .mCM_SITE_link {
    text-decoration: none;
}

.content .mCM_SITE_link:hover {
    text-decoration-line: underline;
	 text-decoration-style: dotted;
	 text-decoration-thickness: 1pt;
}
          
.content .mCM_TOC .mCM_SITE_link {
    text-decoration: none;
}

#innermenu {
    background: var(--latvianred)
}

#innermenu .menu {
    display: none
}

#menu.our .pure-menu-heading, #menu.our .pure-menu-selected {
    background: #f2ead3
}

#menu.our a {
    color: var(--bodycream)
}

#menu.our .pure-menu .menu-item-divided, #menu.our .pure-menu ul {
    border-top: none
}

#header {
    max-width: 100%;
    width: var(--bodywidth)
}

#header h1 {
    color: #fff;
    font-size: 34px;
    margin: 0;
    padding: 0
}

#header h1 .sub, h1 .sub, h2 .sub, h3 .sub {
    display: block;
    font-size: 75%;
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 2px
}

#fadebar {
    display: none
}

#header.our, .content {
    padding: 0 min(3vw, 40px)
}

#header.our {
    padding-bottom: 4px;
    padding-top: 3px
}

.content {
    line-height: 150%;
    margin-bottom: 0;
    overflow: auto;
    padding-bottom: 16px
}

blockquote, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin-bottom: 8px;
    margin-top: 10px
}

.gsc-search-button-v2 {
    padding: 10px 8px 0 !important
}

.gsc-control-cse {
    padding: 0 !important
}

summary {
    display: list-item
}

summary h3 {
    display: inline-block
}

ul {
    list-style-type: square;
    padding-left: 20px
}

h1:before {
    background: red;
    color: #fff;
    content: "!!";
    padding: 0 10px
}

#header h1:before {
    content: none
}

.content {
    padding-top: 8px
}

#header h1 {
    letter-spacing: 1px
}

.normal {
    font-weight: 400 !important;
    letter-spacing: normal !important
}

.aside, .aside100, .aside100l, .imagelink TABLE TR, .interior .interior, .mCM_TOC, .mCM_groupnav, .mCM_pagenav, .mCM_thumbnails .mCM_1up, :not(UL).interior, blockquote, table.mCM_qt_review {
    background: #fff;
    border: 1px solid var(--latvianred);
    border-radius: 8px;
    margin: 8px 0;
    padding: 8px 10px
}
.aside100 { width: 100px; float:right; font-size: 80%; line-height: 130%; margin: 6px 0 6px 10px; padding: 6px; }
.aside100l { width: 100px; float:left; font-size: 80%; line-height: 130%; margin: 6px 10px 6px 0px; padding: 6px; }

UL.interior {
    background: var(--lightbodycream);
    border: 1px solid var(--latvianred);
    border-radius: 8px;
    margin: 3px 0;
    padding: 4px 6px 6px 28px
}

.mCM_groupnav, .mCM_pagenav {
    padding-bottom: 3px
}

.imagelink TABLE, .imagelink TR, .imagelink TR TD {
    display: block
}

.imagelink TR TD:first-child {
    float: left;
    margin: 0 16px 0 0
}

.imagelink TR TD:first-child img {
    box-shadow: 8px 4px 8px #aaa
}

.aside, .interior :first-child, .mCM_TOC :first-child, .mCM_pagenav :first-child, blockquote:first-child, table.mCM_qt_review :first-child {
    margin-top: 0
}

.aside.cream, .interior.cream, .mCM_TOC.cream, .mCM_pagenav.cream, blockquote.cream, table.mCM_qt_review.cream {
    background: var(--bodycream);
    border-color: var(--bodycream);
    padding: 10px 10px 10px 16px
}

.aside.lightcream, .interior.lightcream, .mCM_TOC.lightcream, .mCM_pagenav.lightcream, blockquote.lightcream, table.mCM_qt_review.lightcream {
    background: var(--lightcream);
    border-color: var(--lightcream);
    padding: 8px 8px 8px 12px
}

blockquote {
    padding-left: 16px;
    padding-right: 16px
}

.mCM_pagenav {
    overflow: auto
}

.mCM_TOC {
    display: table
}

.mCM_TOC_H2 {
    display: block;
    margin-left: 0
}

.mCM_TOC_H3 {
    display: block;
    margin-left: 1em
}

.mCM_TOC_H4 {
    display: block;
    margin-left: 2em
}

.mCM_TOC_H5 {
    display: block;
    margin-left: 3em
}

.mCM_TOC_H6 {
    display: block;
    margin-left: 4em
}

.mCM_TOC_H7 {
    display: block;
    margin-left: 5em
}

.mCM_TOC_H8 {
    display: block;
    margin-left: 6em
}

.mCM_TOC_H9 {
    display: block;
    margin-left: 7em
}

table.mCM_qt_review {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%
}

table.mCM_qt_review p {
    margin: 0
}

table.mCM_qt_review td.mCM_qt_col1 {
    padding-right: 10px;
    width: 125px
}

table.mCM_WIK_fn {
    margin-top: 8px
}

table.mCM_WIK_fn TD {
    font-size: 90%;
    vertical-align: top
}

.content a.mCM_WIK_fn, .mCM_fn_link {
    border: 2px dotted;
    font-size: 85%;
    margin: 0 2px;
    padding: 0 3px;
    position: relative;
    text-decoration: none;
    top: -.3em;
    vertical-align: baseline
}

.content a.mCM_WIK_fn:hover, .mCM_fn_link:hover {
    border: 2px solid
}

.lastupdated {
    font-family: var(--headfont), sans-serif;
    font-size: 85%;
    text-align: right
}

#menu.our .mCM_btn, .mCM_blog_da, .mCM_btn {
    background: #fff;
    border: 1px solid;
    border-radius: 4px;
    display: inline-block;
    font-family: var(--headfont), sans-serif;
    height: auto;
    letter-spacing: .5px;
    padding: 1px 6px;
    text-decoration: none;
    white-space: nowrap
}

span.mCM_btn.mCM_active {
    background: #a4343a;
    border: 1px solid #a4343a;
    color: #fff
}

a.mCM_btn, a.mCM_btn:active, a.mCM_btn:visited, button.mCM_btn {
    color: #777
}

#menu.our a.mCM_btn {
    background: #a4343a;
    margin: 0 5px 5px 0;
    padding: 1px 6px
}

#menu.our span.mCM_btn {
    color: #777;
    margin: 0 5px 5px 0;
    padding: 1px 6px
}

#menu.our .mCM_items {
    display: block;
    padding: 10px 8px 8px
}

.bottomnav .mCM_btn, .mCM_groupnav .mCM_btn, .mCM_pagenav .mCM_btn, .mCM_thumbnails_pages .mCM_btn {
    margin: 0 5px 5px 0
}

.content .sidemenu, .mCM_groupnav .mCM_next, .mCM_pagenav .mCM_next {
    display: none
}

.content DIV.mCM_list {
    margin-bottom: 6px;
    margin-top: 6px
}

a .dim :hover, a.dim:hover, a.dim:hover img, a:hover img.dim {
    filter: alpha(opacity=100);
    opacity: 1
}

a.dim:hover img {
    box-shadow: none;
    filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-180deg) saturate(40%)
}

.IMGBORDER img {
    border: 1px solid #666;
    display: block
}

span.pure-menu-link:hover {
    background: var(--bodycream)
}

.mCM_RSS_title, .mCM_bing_name {
    display: inline;
    font-weight: 700;
    padding: 0
}

.mCM_bing_item p {
    display: inline
}

.mCM_RSS_title:after, .mCM_bing_name:after {
    content: " — "
}

.mCM_RSS_description:after {
    content: " "
}

.mCM_RSS_pubDate {
    color: #999;
    display: inline;
    font-size: 85%
}

.mCM_RSS_pubDate:before {
    content: " "
}

.mCM_RSS_item, .mCM_bing_item {
    border-top: 1px dotted #666;
    clear: left;
    display: block;
    padding: 8px 0
}

.mCM_RSS_keyword {
    color: red
}

.pagetrailer {
    font-size: 80%;
    line-height: 140%;
    margin-top: 9px;
    text-align: center
}

.hanging {
    margin-left: 2em;
    text-indent: -2em
}

@media print {

    #abovetop,     #menu.ourLink {
      display: none
    }

    #topBTN {
      opacity: 0
    }
}

.continued, .originalpage {
    background: #888;
    color: #fff;
    font-family: monospace;
    font-size: 15px;
    padding: 1px 5px
}

a.continued, a.originalpage {
    text-decoration: none !important
}

a.continued:hover, a.originalpage:hover {
    background: #ddd;
    color: #000
}

a:active {
    border-bottom: none !important
}

#menu.our * {
    white-space: normal
}

nw, nw80 {
    font-weight: 400
}

nw80 {
    font-size: 80%
}

a:focus {
    outline-color: red !important
}

a:active {
    border-color: red !important
}

#menu.our .mCM_detitem .mCM_SITE_link, #menu.our .mCM_detitem .mCM_VOID, #menu.our .mCM_detitem .mCM_active, #menu.our a, .pure-menu-disabled, .pure-menu-heading, .pure-menu-link:not(:has(hr)) {
    padding: 6px 12px 6px 12px
}

#menu.our li:not(:has(hr)), #topmenu.our li:not(:has(hr)) {
    min-height: 33px
}

a.mCM_inpage.head {
    text-decoration: none;
}

a.mCM_btn:hover, button.mCM_btn:hover {
    background: var(--lightcream);
    color: #000
}

a.mCM_btn.mCM_parked {
    color: #fff
}

.content {
    overflow-y: hidden
}

.mCM_alt_buttons {
    text-align: center
}

.mCM_alt_buttons .mCM_btn {
    margin: 2px
}

#menu.our a, #menu.our span {
    font-family: var(--headfont), sans-serif
}

#menu.our {
    overflow-y: hidden
}

.lg-hide-items .lg-sub-html {
    opacity: 0;
    transition-duration: 1.5s
}

.lg-sub-html {
    font-size: 18px
}

#layout.active #menu.our {
    left: var(--pureleft);
    width: var(--pureleft)
}

#layout.active .menu-link {
    left: var(--pureleft)
}

#menu.our {
    margin-left: calc(0px - var(--pureleft));
    width: var(--pureleft)
}

#menu.ourLink {
    z-index: 1000
}

#topmenu.our .top0, #topmenu.our .top1, #topmenu.our .top2, #topmenu.our .top3, #topmenu.our .top4, #topmenu.our .top5, #topmenu.our .top6 {
    width: calc(100vw - var(--pureleft))
}

#topmenu.our {
    border-bottom: 1px solid #bcab81
}

.content.our table.shrinkable {
    font-size: 80%
}

@media (min-width:600px) {
    .content.our table.shrinkable {
      font-size: 100%
    }
}

@media (min-width:800px /*48em*/) {
    #layout {
      left: 0;
      padding-left: var(--pureleft)
    }

    #layout.active .menu-link,     #menu.our,     .menu-link {
      left: var(--pureleft)
    }
}

@media (max-width:800px /*48em*/) {
    #layout.active {
      left: var(--pureleft)
    }
}

#menu.our a {
    padding-left: 12px
}

#innermenu .mCM_items {
    margin-left: 2px;
    margin-right: 1px
}

#innermenu, #innermenu .mCM_items, #innermenu .mCM_items .mCM_btn, #topmenu.our, #innermenu h2.collection {
    font-size: 18px; font-weight: normal;
}

.alalink {
    color: #666;
    font-family: var(--headfont);
    font-size: 18.5px;
    font-weight: 500
}

a.site_gal_link {
    display: block
}

a.site_gal_link h2 {
    display: inline
}

.alalink:hover, a.site_gal_link h2:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
  text-decoration-color: currentColor;
}

.mCM_gallery_H2 small {
    font-weight: 400
}

.mCM_gallery_H2 small:after {
    content: " | ";
    font-size: 85%
}

table.auto {
    margin: auto
}

.sitetrailer {
    background: var(--latvianred);
    color: var(--bodycream);
    font-family: sans-serif;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 100%;
    padding: 8px;
    width: var(--bodywidth)
}

.sitetrailer a {
    color: var(--menucream)
}

.sitetrailer a.mCM_SITE_link {
    text-decoration: none
}

.sitetrailer a.mCM_SITE_link:hover {
    border-bottom: 3px dotted;
}

.sitetrailer a {
    margin: 0 4px;
}

.mCM_TOC .notoc, :not(.mCM_TOC) .toconly {
    display: none;
}

.mCM_TOC .toconly {
    display: inline;
}

.content p.i0:not(.icap), .i0 {
    text-indent: 0 !important
}

.mCM_TOC .mCM_SITE_link {
    font-weight: 400
}

.mCM_TOC .mCM_SITE_link:hover {
    text-decoration: underline;
	 text-decoration-style: dotted;
	 text-decoration-thickness: 2px;
}

.mCM_pagenav>.mCM_list>.mCM_active_li>.mCM_active {
    font-weight: 700
}

.mCM_pagenav>.mCM_list>li>.mCM_PRECOMMA:before {
    content: " —"
}

.content-body :not(.nobcap) h2:first-child+p:not(.nobcap):first-letter, .content-body h2:first-child+p:not(.nobcap):first-letter, .content-body>p:not(.nobcap):first-child:first-letter, .content-body>p:not(.nobcap):first-of-type:first-letter, :not(.nobcap) p.bcap:not(.nobcap):first-letter {
    background: #fff;
    border-left: 2px solid var(--latvianred);
    border-top: 2px solid var(--latvianred);
    clear: left;
    display: block;
    float: left;
    font-size: 200%;
    margin-right: 10px;
    padding: 10px 6px 6px 16px;
	 font-weight: normal;
}

p.fbcap:first-letter {
    background: #a4343a;
    clear: none;
    color: #fff;
    display: block;
    float: left;
    font-size: 200%;
    margin-right: 10px;
    padding: 10px 10px 10px 20px
}

p.fbcap {
    text-indent: -8px !important
}

.content-body :not(.nobcap) h2:first-child+p:not(.nobcap), .content-body h2:first-child+p:not(.nobcap), .content-body>p:not(.nobcap):first-child, .content-body>p:not(.nobcap):first-of-type, :not(.nobcap) p.bcap:not(.nobcap) {
    text-indent: -8px;
	 display:flow-root; /* anchor first letter */ 
}

@-moz-document url-prefix() {
    p.bcap:first-letter {
      padding-left: 12px !important
    }
}

p.bcap:first-letter {
    padding-left: 12px !important
}

#menu.our .mCM_parked a, .mCM_btn.mCM_parked, a.mCM_parked
/*, .exphome span.mCM_VOID.mCM_parked */ {
    background-color: var(--lightlatvianred);
    border-color: var(--lightlatvianred);
    color: #fff !important;
}


.mCM_btn.mCM_parked:hover {
    color: #000
}

.pagetrailer {
    margin: 8px 0
}

#menu.our .mCM_parked a:hover {
    color: var(--bodycream)
}

.mCM_thumbname {
    font-size: 100%
}

.notext .mCM_thumbnails_caption div {
    display: none
}

.MAX100 {
    max-width: 100%
}

div.camera {
    display: block;
    float: right
}

div.camera img {
    border: 2px dotted transparent;
    border-radius: 8px;
    margin-left: 4px;
    padding: 5px
}

a:hover div.camera img {
    border: 2px dotted;
    filter: grayscale(100%) brightness(2.2)
}

.mCM_caption .bigger {
    font-size: 118%;
    line-height: 1.4
}

.mCM_caption .left {
    text-align: left
}

#topmenu.our ul ul ul {
    left: calc(100% - 20px);
    top: 0
}

blockquote.aside>p, div.aside>p {
    margin-top: 0
}

.left {
    text-align: left
}

.mCM_groupnav .mCM_BUTTON, .mCM_pagenav .mCM_BUTTON {
    display: block;
    text-align: center
}

@media print {
    .sitetrailer {
      background: grey;
      color: #fff;
      margin-top: 12px
    }

    .content,     body,     html {
      background: #fff
    }

    #abovetop,     #menu.our,     #menu.ourLink,     #toggle,     #topBtn,     #topmenu.our,     .bottomnav,     .mCM_alt_buttons,     .mCM_groupnav,     .mCM_pagenav,     .noprint {
      display: none
    }

    button {
      display: none !important
    }

    #layout.our,     .content,     .content-body,     .figure.CENTER,     .mCM_frame {
      border: none;
      margin: 0 auto !important;
      padding: 0 !important
    }

    img {
      border: none !important
    }

    .mCM_frame {
      overflow: hidden;
      position: relative;
      text-align: center;
      top: -10px;
      width: 100%;
      z-index: 50
    }

    .envelope {
      margin: 0 18mm
    }

    #header.our {
      background: none;
      color: #000;
      margin: 0;
      padding: 0
    }

    #header.our h1 {
      color: #000
    }
}

blockquote h2 {
    font-size: 145%
}

#topmenu.our li.mCM_active,
#topmenu.our li.mCM_parked {
    background: var(--bodycream)
}

.t0 {
    margin-top: 0;
    padding-top: 0
}

.b0 {
    margin-bottom: 0;
    padding-bottom: 0
}

.c, td.c {
    text-align: center !important;
    text-indent: 0 !important
}

.mCM_groupnav .mCM_items, .mCM_pagenav .mCM_items {
    display: block;
    text-align: center
}

.viz {
    font-family: var(--headfont);
    font-style: italic;
    line-height: 130%
}

.mCM_groupnav .mCM_items a.mCM_btn img, .mCM_pagenav .mCM_items a.mCM_btn img {
    filter: brightness(60%)
}

.mCM_groupnav .mCM_items a.mCM_btn:hover img, .mCM_pagenav .mCM_items a.mCM_btn:hover img {
    filter: brightness(30%)
}

#menu.our .h1only, #topmenu.our .h1only, .mCM_groupnav .h1only, .mCM_pagenav .h1only {
    display: none
}

div.narrative {
    text-align: left
}

#header.our h1 {
    font-weight: 500
}

blockquote {
    overflow: auto
}

#mailer h2, .sepb4, .sepbefore {
    background: url(graphics/lnosep.gif);
    background-position: -1% 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: auto;
    padding-top: min(5%, 55px) !important
}

#mailer h2 {
    margin-top: 16px
}

p.m0 {
    margin: 0
}

p.r {
    text-align: right
}

.hf {
    font-family: var(--headfont)
}

#innermenu .noside, .sideonly {
    display: none
}

#innermenu .sideonly {
    display: inline
}

.mCM_1up_desc h3, .mCM_1up_desc h4 {
    color: #333;
    display: inline;
    font-family: Merriweather, serif;
    font-size: 17px;
    font-weight: 700
}

.ct {
    display: table;
    margin: 0 auto
}

#menu.our {
    color: #fff
}

blockquote :first-child {
    margin-top: 0
}

blockquote :last-child {
    margin-bottom: 0
}

img.topindent {
    padding-left: 12px
}

.mCM_groupnav img.topindent, .mCM_pagenav img.topindent, h1 img.topindent {
    padding-left: 0
}

.mCM_groupnav .toponly, .mCM_pagenav .toponly, h1 .toponly {
    display: none
}

img.focus {
    padding-right: .4em
}

#innermenu img.focus, #topmenu.our img.focus {
    padding-left: .1em
}

#topmenu.our ul li span.mCM_VOID:hover {
    background: #fff
}

#menu.our span.mCM_VOID {
    color: var(--bodycream)
}

#menu.our span.mCM_VOID:hover {
    background: var(--latvianred)
}

.mCM_groupnav .mCM_VOID, .mCM_pagenav .mCM_VOID {
    display: none
}

.custom-tooltip {
    cursor: pointer;
    position: relative
}

.custom-tooltip:before {
    background-color: #333;
    border: 2px solid #fff;
    border-radius: 5px;
    bottom: 115%;
    color: #fff;
    content: attr(data-title);
    font-size: 17px;
    left: 50%;
    max-width: 150px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .3s;
    visibility: hidden;
    z-index: 100
}

.custom-tooltip:hover:after, .custom-tooltip:hover:before {
    opacity: 1;
    visibility: visible
}

.mCM_FB_message {
    text-align: left
}

.pure-g [class*=pure-u] {
    font-family: Merriweather
}

.mCM_FB_date {
    white-space: nowrap
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.FBenvelope {
    font-size: 85%;
    line-height: 135%
}

.FBenvelope .verso {
    padding-right: 4px
}

.FBenvelope .recto {
    padding-left: 4px
}

hr.mCM_WIK_fnsep {
    min-width: 200px;
    width: 33%
}

.info {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    opacity: .75;
    padding: 0;
    text-align: center;
    width: 21px
}

.content .info {
    background: var(--latvianred);
    border-color: var(--latvianred);
    color: #fff
}

.content .twoup.recto .info {
    background: #666;
    border-color: #666
}

#menu.our .info {
    background: var(--bodycream);
    border-color: var(--bodycream);
    color: var(--latvianred)
}

#topmenu.our .info {
    background: #666;
    border-color: #666;
    color: #fff
}

.content h2 .info {
    background: #666;
    border-color: #666;
    color: #fff;
    margin-left: 6px;
    vertical-align: 3px
}

#menu.our a:hover .info {
    color: #000
}

#menu.our .mCM_active .info {
    background: #666;
    border-color: #666;
    color: var(--bodycream)
}

h1 .info {
    line-height: 24px;
    padding: 2px;
    vertical-align: 5px;
    width: 33px
}

.mCM_btn .info {
    font-size: 17px;
    line-height: 17px;
    vertical-align: -1.5px;
    width: 21px
}

.mCM_btn.mCM_active .info {
    background: #fff;
    border-color: #fff;
    color: var(--latvianred)
}

a.mCM_btn:hover .info {
    background: #444;
    border-color: #666
}

#google_translate_element {
    display: block;
    float: right
}

.newfocus {
    font-size: 12px;
    opacity: .6;
    padding-right: 2px;
    vertical-align: 3px
}

.mCM_groupnav .newfocus {
    display: none
}

a:focus-visible {
    outline: transparent
}

a:focus {
    outline: transparent
}

details summary a:active {
    border: none !important
}

ul ul {
    list-style-type: circle
}

#mailer table {
    word-break: break-word !important
}

td {
    min-width: 2em
}

blockquote, img, table {
    max-width: 100% !important
}

img {
    height: auto !important
}

#mailer h3 {
    font-weight: 400
}

#mailer .mCM_thumbnails_container {
    margin-top: 16px !important
}

#menu.our h2 {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 6px;
    padding-top: 6px
}

#mailer h2 {
    color: var(--latvianred)
}

#mailer A.mCM_EXT_link u {
    text-decoration: none
}

#mailer A.mCM_EXT_link b, #mailer b A.mCM_EXT_link {
    font-weight: 400
}

#mailer .head, .mlr_item_title {
    color: #444;
    font-family: var(--headfont);
    font-size: 17pt;
    font-weight: 500;
    margin-top: 12px
}

#mailer a.mCM_inpage.mCM_SITE_link+u {
    color: var(--latvianred);
    display: block;
    font-family: var(--headfont);
    font-size: 24px;
    font-weight: 500;
    margin-top: 12px
}

#mailer .mCM_MSOHTM h2:first-of-type {
    margin-top: 0;
    padding-top: 0
}

#mailer .mCM_MSOHTM>br:first-of-type {
    display: none
}

.gsc-search-button {
    white-space: nowrap
}

.sitetrailer a {
    display: inline-block
}

.mCM_WIKLANG {
    background: var(--latvianred)
}

.mCM_EXTLANG, .mCM_WIKLANG {
	border-radius: 4px;
	color: #fff;
	font-family: monospace;
	font-size: 70%;
	font-style: italic;
	text-transform: uppercase;
	vertical-align: 2px;
	padding: 3px 7px;
	margin: 0 2px;
	text-decoration: none;
	display: inline-block;
	text-align:center;
	line-height:130%;
	text-indent: 0;
	white-space: nowrap;
	font-weight: normal !important;
}

.mCM_EXTLANG {
    background-color: var(--latvianred);
}

#mailer p, #mailer p:first-letter {
    text-indent: 0 !important
}

#mailer p:first-letter {
    background: none !important;
    color: inherit !important;
    display: inline !important;
    float: none !important;
    font-size: 100% !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important
}

#mailer h2 {
    overflow: visible
}

#adBlock, #ssrad-master, .gsc-adBlock {
    display: none !important
}

#seo {
    background: #f0f0f0 !important;
    font-family: monospace
}

.mCM_groupnav .mCM_items .mCM_menuhead, .mCM_pagenav .mCM_item.mCM_menuhead, .mCM_pagenav .mCM_items .mCM_menuhead {
    background: none;
    border: none;
    color: #777
}

.mCM_frame {
    border: none;
    margin: auto;
    text-align: center
}

.mCM_frame img:first-of-type {
    border: 1px solid #666;
    display: block;
    display: inline-block;
    max-width: 100%
}

.mCM_WPRESS_share {
    margin: 12px auto;
    text-align: center !important
}

.tramsign {
    background-color: #ffffc0;
    border: 2px solid green;
    font-family: sans-serif;
    font-weight: 700;
    line-height: .9em;
    padding-left: .4em;
    padding-right: .4em;
    text-indent: 0;
    white-space: nowrap
}

.lg-sub-html .tramsign {
    color: green
}

.navhead {
    font-family: var(--headfont);
    font-style: italic;
    margin-top: -4px;
    text-align: center
}

.noshow {
    display: none
}

#menu.ourLink .menu-link {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 24px;
    height: auto;
    margin: 0;
    padding: 6px 6px 0 4px;
    text-decoration: none;
    width: auto
}

#topmenu.our .mCM_EXT_link, #topmenu.our .mCM_EXT_link:active, #topmenu.our .mCM_EXT_link:hover, #topmenu.our .mCM_EXT_link:visited {
    border: none
}

.NOCLEAR {
    clear: none !important
}

.notes {
    font-size: 80%;
    line-height: 130%
}

.mid50 {
    margin: auto;
    width: 50%
}

.interior {
    overflow-x: hidden
}

.b {
    font-weight: 700
}

.l { text-align: left; text-indent: 0; }

.r {
    text-align: right; text-indent: 0;
}

a.mCM_FB_id {
    padding-left: 8px
}

.big {
    font-size: 150%
}

.mCM_undertext {
    padding: 0 3px
}

DIV.nocaption .mCM_undertext {
    display: none
}

DIV.nocaption DIV * {
    box-shadow: none;
    margin: 0 !important;
    padding: 0 !important
}

DIV.nocaption .mCM_thumbnails_envelope {
    margin: 5px !important
}

h2 a.mCM_WIK_fn {
    font-weight: 400 !important;
    margin-left: 4px !important;
    top: -.5em !important
}

#toggle {
    text-indent: 0
}

td.leader {
    padding-right: 2em;
	 position: relative;
}

td.leader.zero {
    padding-right: 0 !important
}

td.leader:before {
  content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

td.leader span {
    background-color: #fff;
    padding-right: .5em;
    position: relative;
    z-index: 1
}


h2 a.mCM_WIK_fn, h3 a.mCM_WIK_fn, h4 a.mCM_WIK_fn, h5 a.mCM_WIK_fn, h6 a.mCM_WIK_fn, h7 a.mCM_WIK_fn, h8 a.mCM_WIK_fn {
    font-size: 17px !important
}

.sc {
    font-size: 115%;
    font-variant: small-caps
}

#topmenu.our .mCM_VOID {
    display: inline-block;
}
.expandable details.pure-menu-item {
    display: block !important
}

#topmenu.our .mCM_VOID:hover {
    background: var(--lightlatvianred) !important;
    color: var(--bodycream);
}

#topmenu.our li ul li span.mCM_VOID:hover {
	/*background: green !important;*/
	/* color: var(--bodycream); */
	/*display: block;*/
	/* background: #d0d0d0; */
	/* background: linear-gradient(70deg, #ebdbb5 calc(100% - 12px), transparent 0) !important; */
	/* color: #444; */
	/* display: inline-block; */
	/* padding: 6px 20px 6px 12px; */
	/* font-family: var(--headfont); */
	display: block;
}



details .pure-menu-allow-hover:hover {
    background: #000 !important
}

.expandable details div, div.sidebox {
    border: 3px solid var(--bodycream);
    border-radius: 8px;
    margin: 6px 7px 7px 6px;
    overflow: hidden
}

DIV.floaters {
    display: flow-root
}

.mCM_groupnav {
    overflow: auto
}

P.hide {
    overflow: hidden
}

.content.our h2:first-of-type {
    margin-top: 0
}

.pure-u-sm-1-2 {
    width: 100%
}

@media (min-width:600px) {
    .pure-u-sm-1-2 {
      width: 50%
    }

    div.pure-u-sm-1-2:first-child {
      margin-right: 4px;
      max-width: calc(50% - 4px)
    }

    div.pure-u-sm-1-2:nth-child(2) {
      margin-left: 4px;
      max-width: calc(50% - 4px)
    }
}
#topmenu.our li.pure-menu-selected {
    background: #e0e0e0
}

#topmenu.our hr {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

.mCM_groupnav .mCM_menuhead, .mCM_pagenav .mCM_menuhead {
    font-style: italic
}

/*
#topmenu.our .flaghead {
    background: #eee;
    font-weight: 400;
    margin-left: -12px
}

#topmenu.our li.mCM_menuhead>span.mCM_menuhead>span.flaghead {
    background: #d0d0d0;
    background: linear-gradient(70deg, #ebdbb5 92%, #fff 0);
    color: #000;
    color: #333;
    display: inline-block;
    padding: 6px 21px 6px 12px
}

#topmenu.our li.mCM_menuhead>span.mCM_menuhead:has(span.flaghead) {
    padding-bottom: 0;
    padding-top: 0
}
*/

#menu.our hr, #topmenu.our hr {
    margin: 3px 12px !important
}
#menu.our hr, #topmenu.our hr {
    border: none;
    border-top: 6.5px dotted var(--menucream);
    line-height: 9px;
    margin: 1px auto
}

#menu.our h2.collection,
#menu.our div.mCM_menuhead:not( :has( >hr ) ),
#menu.our li.mCM_menuhead > span.mCM_menuhead:not( :has( >hr ) ),
#topmenu.our li.mCM_menuhead > span.mCM_menuhead:not( :has( >hr ) )
 {
    background: #d0d0d0;
    background: linear-gradient(70deg, #ebdbb5 calc(100% - 12px), transparent 0);
    color: #444;
    display: inline-block;
    padding: 6px 20px 6px 12px;
	 font-family: var(--headfont);
}

#topmenu.our li.mCM_menuhead {
		 padding-bottom: 0;
		 padding-top: 0
}

#menu.our li.pure-menu-item.mCM_menuhead:has(hr),
#topmenu.our li.pure-menu-item.mCM_menuhead:has(hr) *:not(hr) {
  padding: 0;            /* remove vertical padding */
  margin: 0;             /* remove vertical margin */
  border: none;          /* optional: remove borders */
  line-height: 0;        /* prevents text from adding height */
  font-size: 0;          /* also collapses text space */
  overflow: hidden;      /* hide any overflowing content */
}
#menu span.pure-menu-link:has(hr) {
	padding: 0 !important;
}

/* define NEW hamburger that goes to left of #topmenu ul content */

#topmenu { display: flex; }
#ourburger { font-size: 30px; text-align:center; display:inline-block; padding: 0 10px; color: #ffffff; background: #000000; overflow: hidden; max-height: 34px; min-width: 41px; opacity:0.4; }
#ourburger:hover { opacity: 0.9; }
@media ( min-width: 800px /* per above */ ) { #ourburger:not(.mCM_active) { display: none; } }
#menu.mCM_active { left: var(--pureleft); }
#ourburger.mCM_active { display:block; float: left; margin-left: var(--pureleft); }

/*
#menu.our li.mCM_menuhead > span.mCM_menuhead, #innermenu h2.collection {
	display: inline-block; padding: 6px 24px 6px 12px; font-weight: normal;
  background: linear-gradient(
    to bottom left,
    #e1ce99 0%,
    #e1ce99 70%,
    transparent 70%,
    transparent 100%
  );
  background-size: 100% 100%;
  background-repeat: no-repeat;
	color: #e1ce99; font-size: 18px;
}
*/
#topmenu.our hr { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.mCM_pagenav .mCM_menuhead, .mCM_groupnav .mCM_menuhead { font-style: italic; }

#menu.our hr, #topmenu.our hr { margin: 7px 12px 6px 12px !important;  }

/* styles for nested details in menu sidebar */

.exphome *:focus { background: var(--latvianred); }

/* Remove default disclosure triangle */
.exphome summary {
  list-style: none;  /* For most browsers */
}
.exphome summary::-webkit-details-marker {
   display: none;    /* For WebKit (Chrome, Safari) */
}

.exphome span.mCM_blog_date { display: none; }
.exphome div.mCM_active_li { background: var(--bodycream); color: #333; }
.exphome div.mCM_start { overflow: hidden; }

/* Add custom + / - using pseudo-elements */

.exphome .mCM_detitem > span, .exphome .mCM_detitem > a { display: block; }

.exphome  div.mCM_detitem:not(.mCM_active_li):hover { background: #000; color: var(--bodycream); }
.exphome div.mCM_detitem:not(.mCM_active_li):hover:after { background: #000; }


.exphome .mCM_SITE_link, .exphome .mCM_EXT_link { text-decoration: none; }

.exphome details > summary > div > *:first-child:after {
	width: 20px !important; text-align: center; font-weight:bold;
	content: "+"; font-family: "Courier New";
	display: block; float: right;
	color: inherit;
	border: 1.5pt solid currentColor; border-radius: 2.5px;
	margin-top:-1px;
}
.exphome details[open] > summary > div > *:first-child:after {
	content: "-";
}
/* override site style */
#menu.our .exphome span.mCM_VOID:hover { background: #000; }

#menu.our .exphome  div.mCM_start div.mCM_start { border: 2px solid var(--bodycream); margin: 6px 7px 6px 6px; height: auto; width: auto; border-radius: 8px; }

.exphome .mCM_blog_date { display: none !important; }
.exphome wbr { display: none !important; }

.mCM_pagenav span.mCM_item:has( hr ) { display: none; }
.mCM_groupnav span.mCM_item:has( hr ) { display: none; }

.exphome div.mCM_detitem { vertical-align: middle; min-height: 34px; }

.xlate { padding-left: 16px; border-left: dotted 4px var(--latvianred ); }
hr.notes { margin: 0 auto 0 0; }