@charset "UTF-8";
@import 'lc-farby.css';

:root {
  /* --farba-pozadie: var(--farba-biela);
  --farba-pismo: var(--farba-cierna);
  --farba-pismo-seda: var(--farba-ctrl-seda); */

  --zoom: 100%;
  --zoom1: calc(var(--zoom) / 100);

  /* --farba-navBtn: #eee;
  --farba-navBtn-h: #ddd;
  --farba-odkaz: #BBB; */

  --max-width-full: 50em;
  --border-width-tabCal: 2px;
  --space-gap: 1rem;
  /* --nav-max-width: min(40rem, 100vw - 8.5rem); */
}

.display-none,
.hide:not(.nohide) {
  display: none !important;
}

.fix {
  position: fixed;
}

.flex {
  display: flex;
}

pre {
  white-space: pre-wrap;
}

html {
  font-family: sans-serif;
}

body {
  background-color: var(--farba-pozadie);
  color: var(--farba-pismo);
  line-height: 1.5;
  /* padding: 0 .5rem; */
  /* text-align: left; */

  transition: transform .2s;
}

:root {
  --hoverScale: 1;
}

.hsx {
  --hoverScale: 100%;
}
.hs-105,
#lc.lc-media-webrowscal {
  --hoverScale: 105%;
}
.hs-110 {
  --hoverScale: 110%;
}
.hs-120,
#lc.lc-media-webtabcal {
  --hoverScale: 120%;
}
.hr-45 {
  --hoverRotate: 45deg;
}


.hvr-tr-chldrn-a a:hover,
.hvr-tr-chldrn-a .h-as-a:hover,
.hvr-tr-chldrn-x > *:hover,
.hvr-tr-chldrn-lcDEN .lcDEN:hover,
.hvr-tr:hover,
html div#lc .h-tr-var {
  color: var(--hoverColor);
  transform:
    rotate(var(--hoverRotate, 0deg))
    scale(var(--hoverScale, 1)) !important;
  z-index: 9;
}


#lc {
  display: flex;
  justify-content: space-between;
  gap: var(--space-gap);
  max-width: var(--max-width-full);
  margin: 0 auto;
}
#lc.lc-media-webtabcal {
  justify-content: center;
  min-width: 33em;
  /* overflow-x: scroll; */
}

.lcHEAD input[type=checkbox],
#rightCol .lcDEN input {
  accent-color: var(--farba);
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0;
  color: var(--farba-pismo);
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.6rem;
}

h3,
h1.lcMESIACtitul {
  font-size: 1.3rem;
}

.ui-dialog h3,
.ui-dialog h1 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.15rem;
}

h5,
p.info {
  font-size: 1rem;
  font-weight: normal;
  font-style: italic;
  color: var(--farba-pismo-seda);
}

h6 {
  font-size: 1rem;
}

/* prvý nadpis h1 v zozname */
section .lcDEN[style*="display:none"]+.lcDEN:not([style*="display:none"]) h1 {
  margin-top: 0;
}

p {
  margin: .5em 0;
}


#text section.lcDEN {
  margin-bottom: 3em;
}

.warn {
  color: red;
}

h1.lcDENtitul,
h1.lcMESIACtitul {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-content: stretch;
  background-color: var(--farba-pozadie);
  text-align: center;
}

#lcCalendar h1.lcMESIACtitul {
  flex-wrap: wrap;
}

h1.lcDENtitul div.lcDATUMgrp,
h1.lcMESIACtitul div.lcDATUMgrp {
  flex-grow: 3;
  align-self: stretch;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  padding: .1rem 1rem;
  /* text-align: center; */
}

h1.lcDENtitul div.lcDATUMgrp > i,   /* dots */
h1.lcMESIACtitul div.lcDATUMgrp > i {
  margin: 0.6em 0.2em 0 -0.5em;
  font-size: 70%;
  float: left;
}

h1.lcDENtitul div.lcDATUMgrp div.lcDATUM span.lcDMY {
  flex-grow: 5;
  display: block;
  padding: 0 .2em;
  margin: .5rem 0;
}
.lcDATUM {
  flex-grow: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}


article#text {
  /* padding-bottom: 40vh; */
}
#lc #copyright {
  border-top: 1px solid var(--farba-pismo);
  margin: 40vh 25% 0 25%;
  padding: 0.5em;
  font-size: 70%;
  text-align: center;
}
#lc #lcCalendar #copyright {
  grid-area: 9 / 1 / 10 / span 8;
  margin-top: 15vh;
}

#text h1.lcDENtitul div.lcDATUMgrp.livelinkHook,
h1.lcMESIACtitul.links_control div.lcDATUMgrp.livelinkHook {
  /* background-image: url(img/expand_less-50.png) !important; */
}

/* x#lc.lc-LAT #text h1.lcDENtitul span.lcPIN,
x#lcHELP .lcPIN {
  background-image: url(img/push-pin-out.png);
  background-size: .7em;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: calc(-1em - 2px);
  margin-top: -.3em;
  width: 1em;
  height: 1em;
  /* position: absolute; * /
  z-index: 99;
  cursor: pointer;
} */


#lc .ned h2, #lc .wd7 h2,
#lc .psv h2,
#lc .psl h2 {
  font-weight: bold;
  /* color: var(--farba-ned); */
}

#lc .psv h2,
#lc .psl h2 {
  /* color: var(--farba-psv); */
}


a,
.lcPIN i,
#text h1.lcDENtitul {
  color: inherit;
  cursor: pointer;
}

a.lcPREV, a.lcNEXT {
  flex-grow: 3;
  display: grid;
  justify-content: center;
  align-content: center;
  /* text-align: center; */
  /* align-self: stretch; */
  /* color: inherit; */
  text-decoration: none;
  border: 1px solid transparent;
  background-color: var(--farba-navBtn);
  padding: .5rem;
  min-width: 2rem;
  min-height: 2rem;
  width: auto;
}
.lcPREV {
  order: -1;
}
#text .day, #text .vis {
  display: none;
}
.vis {
  transform: rotate(45deg);
}


#lc.lc-LAT.lcSINGLE #text a.lcPREV .day,
#lc.lc-LAT.lcSINGLE #text a.lcNEXT .day,
#lc.lc-LAT.lc-calendar:not(.ctrl) #text a.lcPREV .day,
#lc.lc-LAT.lc-calendar:not(.ctrl) #text a.lcNEXT .day,
#lc.lc-LAT.lc-calendar.ctrl #text a.lcPREV .vis,
#lc.lc-LAT.lc-calendar.ctrl #text a.lcNEXT .vis,
#lc.lc-LAT.lc-visible:not(.ctrl) #text a.lcPREV .vis,
#lc.lc-LAT.lc-visible:not(.ctrl) #text a.lcNEXT .vis,
#lc.lc-LAT.lc-visible.ctrl #text a.lcPREV .day,
#lc.lc-LAT.lc-visible.ctrl #text a.lcNEXT .day,
#lcHELP a.lcPREV.day .day,   #lcHELP a.lcPREV.vis .vis,
#lcHELP a.lcNEXT.day .day,   #lcHELP a.lcNEXT.vis .vis
{
  display: block;
}

a.lcPREV:hover,
a.lcNEXT:hover {
  background-color: var(--farba-navBtn-h);
  border-color: var(--farba-pismo);
  /* --hoverScale: 105%; */
}



.lcPIN {
  flex-basis: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 0 0 -.5em;
  width: 1em;

  --farba-PIN: var(--farba-pismo);
  --hoverColor: var(--farba-pismo);
}

.lcSINGLE .lcPIN {
  --farba-PIN: var(--farba-pismo);
  --hoverColor: var(--farba-pismo-seda);
}

.lcPIN i {
  z-index: 9;
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 -.3em;
  border: 1px solid transparent;
  border-radius: 50%;
  padding: .2em;
  font-size: 80%;
  color: var(--farba-pismo-seda);
  transform: rotate(45deg);
}
.lcSINGLE .lcPIN i {
  transform: rotate(0deg);
  color: var(--farba-pismo);
}

/* .lcSINGLE .lcPIN i:hover::before { */
  /* transform: rotate(45deg); */
    /* color: var(--farba-pismo); */
    /* --hoverScale: 1.2; */
  /* --hoverRotate: 0deg; */
/* } */


h1.lcMESIACtitul > a:hover,
.lc-media-web h1.lcDENtitul > a:hover {
  /* background-color: var(--farba-pozadie); */
  border-color: var(--farba-pismo);
}
h1.lcMESIACtitul > span:hover,
.lc-media-web h1.lcDENtitul > span:hover {
  background-color: var(--farba-pozadie);
  border-color: var(--farba-pismo);
}
/* #lc div.lcPIN i:hover { */
  /* color: var(--farba-pismo); */
  /* transform: scale(1.2); */
/* } */


a.lcDEN {
  display: block;
  text-decoration: none;
}

a.lcDEN h1 {
  --hoverScale: 1;
}
a.lcDEN .lcDENalt,
a.lcDEN .lcHEAD {
  height: 100%;
}

nav {
  /* font-size: 80%; */
  /* next 1.25 = 1 / 80% */
  max-width: calc( var(--max-width-full) - var(--rc-width) - var(--rc-width-scroll) - var(--space-gap));
  /* min(var(--max-width-full), 100vw); */
}
nav > * {
  font-size: 80%;
}
@media only screen and (max-width: 60rem) /*cca. var(--max-width-full) + var(--rc-width) + var(--rc-width-scroll) + var(--space-gap)*/ {
  nav {
    --max-width-full: 80vw;
    /*max-width: calc( 95vw - var(--rc-width-full)); /*- var(--rc-width-scroll));*/
  }
}

nav a:hover {
  background-color: var(--farba-navHeader);
}
#text nav {
  z-index: 9;
  background-color: var(--farba-navHeader);
}
nav > span .lcMOD {
  color: var(--farba-pismo-seda);
}
#text nav > i::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 66%;
  content: "\f04b";
  margin: 0.2rem 0.3rem 0;
  color: var(--farba-pismo);
  opacity: .5;
}


/****************** lcHEAD ****************/
.lcHEAD {
  border-inline-start: 0.5rem solid var(--farba);
  /*border-width: .2rem;*/
  padding-left: .5rem;
  margin-bottom: 2rem;
}

.lcHEADinfo .lcCITANIE {
  /* padding-left: 1.2em; */
}

.lcHEAD .lcGEN {
  /* position: absolute; */
  /*text-align: ;*/
  background-color: #faa;
  padding: .2em !important;
  /* order: 1; */
  float: right;
}

.lcHEAD h2 {
  margin-top: 0;
  /* margin-right: .5em; */
  /* justify-content: space-between; */
  /* display: flex; */
  /* align-items: stretch; */
  /* flex-wrap: wrap; */
}

.lcHEAD h2 div:first-child {
  flex-grow: 10;
}

.lcHEAD h2 div {
  padding: 0;
  display: inline;
}

.lcHEAD h2 i.lcTYP {
  display: block;
  width: 100%;
  margin-top: .2em;
  font-size: 80%;
  font-weight: normal;
}

.lcHEAD h2 span {
  /* display: block; */
}

.lcHEAD h2 span.lcFARBA,
.lcHEAD .lcGEN {
  font-size: 1rem;
  font-weight: normal;
  padding: .01em .2em;
  /* background-color: var(--farba-ctrl-seda); */
  /* border-radius: 50%; */
  /* width: 1.3em; */
  height: 1.3em;
  display: inline-block;
  border: 1px solid;
  text-align: center;
  cursor: default;
  vertical-align: text-top;
}

.lcHEADinfo input {
  margin-right: .7em;
}

.lcHEAD label {
  cursor: pointer;
}

.lcHEAD .lcGRP * {
  /* display: inline; */
  padding: 0;
}

.lcHEAD .lcGRP .lcCITANIE .lcRESPblock {
  display: block;
}

.lcHEAD .lcCITANIE p {
  margin: 0;
}

.lcHEAD div.lcGRP,
.lcHEAD div.lcLINE {
  margin-top: .5rem;
  margin-left: 1.7em;
  margin-bottom: .5rem;
  /* padding-left: 0; */
}

.lcHEAD .lcCITANIE.lcZALM + .lcMOD,
.lcHEAD .lcGRP .lcCITANIE {
  display: block;
}

.lcHEAD .lcCITANIE .lcSUR {
  white-space: nowrap;
  font-weight: bold;
}
@media only screen and (max-width: 30rem) {
  .lcHEAD .lcCITANIE .lcSUR {
    white-space: normal;
  }
}


.lc-media-web .lcHEAD .lcLINE > .lcCITANIE:first-child > .lcSUR label {
  margin-left: -1.6em;
}

.lcHEAD .lcLINE p,
.lcHEAD .lcLINE div {
  display: inline;
}
.lc-media-web .lcHEADinfo > div.lcLINE:first-child .lcTEXT:first-child,
.lc-media-web .lcHEAD .lcSELF div.lcLINE .lcTEXT {
  display: block;
  margin-left: -1.5em;
}

.lcHEAD .lcLINE .lcRESPblock,
.lcHEAD .lcLINE .lcVPEblock,
.lcHEAD .lcGRP .lcRESPblock,
.lcHEAD .lcGRP .lcVPEblock {
  display: block;
  /* margin-left: 1.6em;
  margin-left: calc(1.5em + 3px); */
}

.lcTEXTinfo {
  margin: 1.5em 0 .5em 0;
}



.lcNEXTalts {
  margin: 1rem 0;
}
.lcNEXTalts > p {
  margin-bottom: 0;
  opacity: .7;
}
.lcNEXTalts a {
  display: block;
  max-width: var(--max-width-full);
  overflow: hidden;
  padding: 2px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  opacity: .7;
}
.lcNEXTalts i {
  color: var(--farba-n);
}
.lcNEXTalts a:hover {
  text-decoration: underline;
  opacity: 1;
}
.lcNEXTalts a:hover i {
  color: var(--farba);
}
#lc:not(.lc-media-web) .lcNEXTalts {
  display: none;
}


/****************** lcBODY ****************/
.lcBODY div.lcCITANIE,
.lcBODY div.lcGRP {
  margin-bottom: 1.5em;
  padding-left: 0;
}


.lcBODY .lcMOD,
.lcBODY .lcTEXT {
  color: var(--farba-pismo-seda);
}

.lcRESPblock span.lcMOD::before,
.lcVPEblock span.lcMOD::before {
    content: '';
    display: block;
}
.lcRESPblock span.lcMOD::after,
.lcVPEblock span.lcMOD::after {
    content: '';
    margin-right:.5em;
}



.lc-LAT .lcCITANIE h4 {
  display: flex;
  flex-wrap: wrap;
}

.lc-LAT .lcCITANIE h4 span {
  flex-grow: 3;
  text-align: right;
  font-size: 70%;
  margin: .4em 0 0 .4em;
}

.lc-GR .lcHEAD h2 {
  font-size: 1.4rem;
}

.lcCITANIE var {
  padding-left: 1em;
  font-weight: bold;
}

.lcCITANIE p.info {
  text-align: center;
}

.lcHEAD h3.lcSEKCIAtitul {
  margin: 1rem 0 .5rem 0;
}

.lcHEAD h3.lcSEKCIAtitul::after {
  content: ":";
}

.lcSEKCIA .lcSEKCIAtelo {
  padding-left: 1.2em;
}

.lcSEKCIA.nohide.hide/*.close*/>.lcSEKCIAtelo {
  display: none;
}

.lcHEAD .lcSEKCIA.nohide.hide/*.close*/ h3.lcSEKCIAtitul::after {
  content: "";
}

.lcMOD {
  font-style: italic;
  font-weight: normal;
}

.lcHEAD h2 span.lcMOD {
  font-size: 80%;
}

.lcWD, .lcND {
  font-size: 55%;
  color: var(--farba-pismo-seda);
  white-space: nowrap;
}

.lcBODY h3.lcSEKCIAtitul {
  border-left-width: 1rem;
  padding-left: .5em;
  margin-top: 2em;
}

.lcBODY p.lcMOD,
.lcBODY p.lcRESPblock,
.lcBODY p.lcVPEblock {
  margin: 2em 0 0 0;
  border-left: .25rem solid var(--farba);
  padding-left: .5em;
}

.lcRESP,
.lcVPE {
  font-style: italic;
}

.lc-media-webrowscal .lcDEN .lcHEAD .lcRESPblock,
.lcVPE {
  display: block;
  padding-left: 1em;
}

.lcRESPblock+.lcCITANIE>h4:first-child,
.lcVPEblock+.lcCITANIE>h4:first-child,
.lcCITANIE>.lcRESPblock+h4,
.lcCITANIE>.lcVPEblock+h4 {
  margin-top: .5em;
}

p.dovetok {
  font-style: italic;
  padding-left: 2em;
}




/*** Liturgické farby ********************/
/*
.lcHEAD h2 .lcFARBA {
  background-color: var(--farba-biela);
  color: var(--farba-pismo);
}
/*
.lcHEAD h2 .lcFARBA.W { border: 1px solid var(--farba-ctrl-seda); color: var(--farba-cierna); }
.lcHEAD h2 .lcFARBA.G { background-color: var(--farba-lit-zelena); color: var(--farba-biela); }
.lcHEAD h2 .lcFARBA.V { background-color: var(--farba-lit-fialova); color: var(--farba-biela); }
.lcHEAD h2 .lcFARBA.R { background-color: var(--farba-lit-cervena); color: var(--farba-biela); }
.psv    h2 .lcFARBA.R { border: 2px solid var(--farba-pozadie); }
.lcHEAD h2 .lcFARBA.P { background-color: var(--farba-lit-ruzova); }
.lcHEAD h2 .lcFARBA.GOLD { background-color: var(--farba-lit-zlata); }
.lcHEAD h2 .lcFARBA.B { background-color: var(--farba-lit-cierna); color: var(--farba-biela); }


/* ******************************************* */
/*                                             */
/*             FAREBNE DELENIE                 */
/*                                             */
/* ******************************************* */

.lcHEAD {
  border-color: var(--farba);
}

.lc-media-webrowscal a.lcDEN:hover .lcDENalt .lcHEAD {
  background-color: var(--farba-p);
}

.lcHEAD h2 {
  background-color: var(--farba-n);
}

.lcHEAD h2 {
  margin-left: -.5rem;
  padding: .5rem;
  /* background-color-opacity: .3; */
}

.lcBODY .lcSEKCIAtitul {
  border-left: .75rem solid var(--farba);
}

.psv .lcHEAD {
  border: 0.25rem solid var(--farba);
  border-left-width: 0.75rem;
}

.lc-media-web #lcCalendar .lcDEN.psv .lcHEAD,
.lc-media-webrowscal #lcCalendar a.lcDEN.psv {
  border: .5rem solid var(--farba);
  margin: -.5rem;
}

.lc-media-webtabcal #lcCalendar a.lcDEN.feria {
  /* --farba-n: var(--farba-pozadie); */
}

.lc-media-webrowscal #lcCalendar a.lcDEN.lcDNES,
.lc-media-webtabcal #lcCalendar a.lcDEN.psv,
.lc-media-webtabcal #lcCalendar a.lcDEN.lcDNES {
  border: .3rem solid var(--farba);
  padding: calc(.2rem + var(--border-width-tabCal));
  /* background-color: var(--farba-psv); */
}

.lc-media-webtabcal #lcCalendar a.lcDEN.lcDNES,
.lc-media-webtabcal #lcCalendar a.lcDEN.psv {
  transform: scale(120%);
  --hoverScale: 130%;
}

.lc-media-webtabcal #lcCalendar a.lcDEN.lcDNES:hover,
.lc-media-webtabcal #lcCalendar a.lcDEN.psv:hover {
  /* transform: scale(130%); */
}

.lc-media-webrowscal #lcCalendar a.lcDEN.lcDNES {
  margin: -.3rem;
  padding: 0;
}


#lcCalendar.media-webtabcal a.lcDEN:hover {
  /* border-color: var(--farba-cierna); */
  /* cursor: pointer; */
  border-color: var(--farba);
  z-index: 99;
}
/* #lcCalendar.media-webtabcal a.lcDEN.feria:hover {
  border-color: var(--farba);
  /* border-width: 1px; * /
} */


/* #lcCalendar .lcDEN:has(label.den.ui-checkboxradio-checked), */
#lcCalendar .lcDEN.lcDNES.checked {
  border-left-width: 0 !important;
  /* background-color: black !important; */
}




/*****************************************************/

.lc-media-webrowscal .lcHEADinfo,
.lc-media-webrowscal .lcHEADinfo p {
  padding-left: 0;
  /* margin-left: 0 !important; */
}

#lc .lc-media-webrowscal .lcDEN {
  /* display: flex; */
}

.lc-media-webrowscal .lcMD {
  display: block;
}

/* .lc-media-webrowscal h1 .lcDATUM { */
  /* align-items: center; */
/* } */
.lc-media-webrowscal h1.lcDENtitul {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 3rem;

  /* display: block; */
  margin: 0;
  padding: .5rem;
  /* flex-grow: 0; */
  /* flex-shrink: 0; */
  /* margin: 0; */
  /* width: 12vw; */
  align-self: flex-start;
}

.lc-media-webrowscal h1.lcDENtitul .lcDATUM {
  flex-direction: column;
  align-items: center;
}
.lc-media-webrowscal h1.lcDENtitul span.lcDMY span {
  /* display: block; */
  /* margin-bottom: 1em; */
  /* margin: -.5em 0 1em 0; */
}

.lc-media-webrowscal .lcMY {
  font-size: 50%;
  color: darkgray;
  /* display: block; */
}

#lc .lc-media-webrowscal {
  display: table;
}

#lc .lc.media-webrowscal {
  display: table;
  border-collapse: initial;
  -webkit-border-vertical-spacing: 2em;
}

.lc-media-webrowscal .lcDEN {
  display: table-row;
}

.lc-media-webrowscal .lcDENalts {
  display: grid;
  gap: .5em;
}

.lc-media-webrowscal .lcHEAD {
  margin: 0;
}

#lcCalendar.media-webrowscal .lcDEN .lcDENalt .lcHEAD {
  /* padding: .5rem; */
}


#lcCalendar {
  /* max-width: 20em; */
}

#lcCalendar button.weekNum {
  /* width: 100%; */
}

#lcCalendar .lcDEN {
  display: flex;
}

#lcCalendar span.weekday,
#lcCalendar span.monthdaynum {
  /* color: red; */
  display: inline-block;
  width: 1.6em;
  text-align: center;
  vertical-align: bottom;
}

#lcCalendar span.title {
  display: none;
  white-space: nowrap;
  /* text-overflow: ellipsis; */
  /* width: 10em; */
  /* overflow: hidden; */
}

#lcCalendar .lcDEN>.ui-checkbox.ui-mini {
  width: 100%;
}

#lcCalendar .lcDEN label.ui-checkboxradio-label {
  display: block;
  margin: 0;
  width: 100%;
  white-space: nowrap;
  /* text-overflow: ellipsis; */
  overflow: hidden;
  /* padding-right: 5px; */
  border-right: .5rem solid;
  border-color: var(--farba);
}

#lcCalendar.tab span.weekday, #lcCalendar.tab input {
  display: none;
}

#lcCalendar.tab div.lcWEEK {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#lcCalendar.tab button.weekNum,
#lcCalendar.tab .lcDEN {
  /* flex-shrink: 0; */
  /* flex-grow: 0; */
  /* width: 30%; */
}

#lcCalendar.tab .space {
  flex-shrink: 1;
  flex-grow: 1;
}

#lcCalendar.tab .lcDEN {
  display: block;
  width: 100%;
}


.ui-mobile label, .ui-controlgroup-label {
  display: inline;
  /* margin: 0 0 .4em; */
}

.lc-media-webrowscal .lcDEN .lcHEAD .lcLINE:last-child {
  margin-bottom: 0;
}
.lc-media-webrowscal .lcDEN div.lcDATUMgrp > i {  /* dots */
  display: none;
}

@media only screen and (max-width: 40rem /*640px*/) {
  body {
    /* background-color: #fee; */
  }

  #text nav {
    /* max-width: calc(100vw - 3rem); */
  }

  .lc-media-webrowscal h1.lcDENtitul {
    /* top: 4rem; */
    /* display: block; */
    padding: 0 1rem;
  }

  #lc h1.lcDENtitul div.lcDATUMgrp {
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: space-between; */
    align-items: baseline;
    column-gap: .3rem;
    /* flex-wrap: wrap; */
    background-color: var(--farba-pozadie);;
  }

  #lcCalendar.media-webrowscal .lcDEN {
    display: block !important;
  }

  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp {
    /* display: flex; */
    align-items: baseline;
    /* flex-wrap: wrap; */
    /* justify-content: center; */
  }

  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp span {
    /* padding: 0 .3rem; */
    /* text-align: left; */
    display: initial;
  }

  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp span.lcWD {
    /* padding-left: 0; */
    /* text-align: left; */
  }

  #lcCalendar.media-webrowscal .lcDEN h1.lcDENtitul span,
  #lcCalendar.media-webrowscal .lcDEN h1.lcDENtitul div.lcDATUMgrp,
  /* #lcCalendar.media-webrowscal h1.lcDENtitul div.lcDATUMgrp span.lcND, */
  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp span.lcDMY span
  {
    /* display: inline; */
    /* margin-bottom: 1em; */
  }

  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp span.lcMD {
    padding-right: .3rem;
  }

  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp span.lcMY {
    /* padding-left: 0; */
    /* text-align: left; */
    /* white-space: nowrap; */
  }

  #lcCalendar.media-webrowscal h1.lcDENtitul .lcDATUMgrp span.lcND {
    flex-grow: 2;
    text-align: right;
    margin-right: 0;
    padding: 0 .5em !important;
  }

  #lc.lc-media-webrowscal a.lcDEN h1.lcDENtitul .lcDATUM {
    flex-direction: row;
  }
  
  .lcPIN {
    margin: 0 0 0 -1em;
  }
}




/********************************************************/

#lcCalendar.media-webtabcal {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-template-areas:
    'm m m m m m m m'
    'tyz po ut str stv pi so ne';
  gap: 3px;
  /* background-color: #2196F3; */
  padding: 10px;
  /* align-content: center; */
  /* height: 80vh; */
}

#lcCalendar.media-webtabcal span.lcMD {
  display: block;
  text-align: center;
}

#lcCalendar.media-webtabcal .lcWEEKnum,
#lcCalendar.media-webtabcal .lcDEN {
  /* text-align: center; */
  display: block;

  background-color: var(--farba-n);
  width: auto;
  height: auto;
  /* border-radius: 1rem; */
  border: var(--border-width-tabCal) solid transparent;
  padding: .5rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  --tab-cell-size: 2em;
  width: var(--tab-cell-size);
  height: var(--tab-cell-size);
  line-height: var(--tab-cell-size);
}

#lcCalendar.media-webtabcal .lcWEEKnum {
  font-weight: normal;
  background-color: transparent;
}

#lcCalendar.media-webtabcal h1 {
  --hoveScale: 105%;
  grid-area: 1 / span 8;
  /* display: flex; */
  text-align: center;
  margin: 0;
}

#lcCalendar.media-webtabcal div.lcWEEKnum {
  white-space: nowrap;
}

#lcCalendar.media-webtabcal p {
  /* Hlavička */
  text-align: center;
  font-size: 1.2rem;
}

/*#lcCalendar.media-webtabcal*/
.lcDATUMgrp span.lcY {
  margin-left: .3em;
  color: var(--farba-pismo-seda);
  font-size: 66%;
}

#lcCalendar.media-webtabcal hr.lcGEN {
  position: absolute;
  background-color: var(--farba-gen);
  margin: -0.4em 0 0 0;
  width: 0.3em;
  height: 0.3em;
  border: 0.08em solid white;
}


/* Umiestnenie čísiel týždňov v prevom stĺpci */
#lcCalendar.media-webtabcal>.lcWEEKnum {
  grid-column: 1;
}

#lcCalendar.media-webtabcal>.lcWEEKnum:nth-of-type(1) {
  grid-row: 3;
}

#lcCalendar.media-webtabcal>.lcWEEKnum:nth-of-type(2) {
  grid-row: 4;
}

#lcCalendar.media-webtabcal>.lcWEEKnum:nth-of-type(3) {
  grid-row: 5;
}

#lcCalendar.media-webtabcal>.lcWEEKnum:nth-of-type(4) {
  grid-row: 6;
}

#lcCalendar.media-webtabcal>.lcWEEKnum:nth-of-type(5) {
  grid-row: 7;
}

/* Umiestnenie prvého dňa (11-ty element) mesiaca v tabuľke */
#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd1 {
  grid-column-start: 2;
}

#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd2 {
  grid-column-start: 3;
}

#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd3 {
  grid-column-start: 4;
}

#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd4 {
  grid-column-start: 5;
}

#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd5 {
  grid-column-start: 6;
}

#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd6 {
  grid-column-start: 7;
}

#lcCalendar.media-webtabcal .lcDEN:nth-of-type(1).wd7 {
  grid-column-start: 8;
}



/*****************************************************/

/* #lcCalendar.media-webrowscal */

#lcCalendar.media-webrowscal {
  max-width: var(--max-width-full);
}

#lcCalendar.media-webrowscal h1.monthTITLE {
  grid-column-start: span 2;
  /* display: flex; */
  font-size: 1.5rem;
}

#lcCalendar.media-webrowscal h1.monthTITLE .lcDATUMgrp {
  /* display: flex; */
  /* align-items: center; */
  /* align-self: stretch; */
}

#lcCalendar.media-webrowscal .lcDEN h1 span {
  display: block;
}


#lcCalendar.media-webrowscal h2.lcWEEKnum {
  font-size: 2rem;
  margin-left: 15%;
  color: var(--farba-pismo-seda);
}

#lcCalendar.media-webrowscal .lcWEEK {
  grid-column-start: span 2;
  display: grid;
  grid-row-gap: 20px;
}

#lcCalendar.media-webrowscal .lcWEEK span.date {
  white-space: nowrap;
}

#lcCalendar.media-webrowscal .lcDEN {
  display: grid;
  grid-template: auto / 20% 80%;
  /* grid-gap: .5rem;     ^ calc ( 20% - .5rem ) 80%*/
  width: 100%;
  border: 1px solid transparent;
  /* border-radius: 1em; */
  padding-left: 0;
}
#lcCalendar.media-webrowscal a.lcDEN::before {
  display: none;
}


x#lcCalendar.media-webrowscal .lcDEN.lcDNES {
  border-width: 2px;
  border-color: #bbb;
}

#lcCalendar.media-webrowscal .lcDEN h1 div.lcDATUMgrp {
  position: -webkit-sticky;   /* Safari */
  position: sticky;
  padding: 0;
  top: 4rem;
}

#lcCalendar.media-webrowscal .lcDEN:hover {
  border-color: var(--farba-ctrl-seda);
  /* transform: scale(1.1); */
}

#lcCalendar.media-webrowscal h1.lcDENtitul .lcDENtitul .lcMY {
  /* display: block; */
  padding: 0 .3rem;
}

.lc-media-webrowscal .lcHEAD .lcLINE {
  margin: .2rem;
}

.lcDATUMgrp:hover {
  background-color: var(--farba-pozadie);
}

/*.lcDEN */
h1.lcDENtitul div.lcDATUM span {
  /* white-space: nowrap; */
  flex-grow: 1;
  /* align-items: center; */
}

.lc-media-webrowscal

/*.lcDEN */
h1.lcDENtitul div.lcDATUM span.lcND {
  /* display: block; */
  white-space: normal;
}

/************ LINKS *****************/
h1>div

/*.lcDATUMgrp*/
{
  cursor: pointer;
  border: 1px solid transparent;
}

h1.lcMESIACtitul {
  background-color: var(--farba-pozadie);
}

/* .links_control>span */

/*.lcDATUMgrp*/
/* :hover,
#text h1>span:hover { */
  /* background-color: #f8f8f888; */
  /* border-color: black;
} */

div#links {
  z-index: 5;
  display: none;
  position: absolute;
  /* background-color: whitesmoke; */
  flex-wrap: wrap;
}

div#links .flex .fg0 {
  flex-grow: 0;
}


/* Lokálne odkazy a externé s CTRL */
a:not(.away):not(.lcPREV):not(.lcNEXT),
#lc.ctrl a.away {
  /* background-image: none; */
  /* padding-left: 0; */
}

/* Lokálne odkazy s CTRL a externé */
a.away::before,
.ctrl a:not(.away):not(.lcPREV):not(.lcNEXT):not(.js):not([href^="#"])::before,
.ctrl a.lcDEN h1 .lcMD::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f08e";
  font-size: 70%;
  text-decoration: none;
  margin-right: .3em;
  /* padding-left: .5em; */
}
.lc-media-webtabcal.ctrl a.lcDEN::before {
  font-size: 50% !important;
}
/* .lcBODY .ctrl a:not(.away):not(.lcPREV):not(.lcNEXT):not(.js):not([href^="#"]) { */

#lc.ctrl a.away::before {
  content: "";
}

#links a.away::before {
  vertical-align: bottom;
}



/* Iné odkazy */
/* div#links > .flex, */
.flex.lcIcons {
  flex-wrap: wrap;
  margin: 0 -.5rem;
}

/* div#links a,  */
.flex.lcIcons>a {
  display: block;
  background-color: var(--farba-ctrl-seda);
  border-radius: .2rem;
  border: 1px solid var(--farba-ctrl-seda);
  padding: .2rem;
  margin: 0 .5rem;
  flex-grow: 1;
  white-space: nowrap;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.flex.lcIcons > a[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: .5;
}

div#links a:hover {
  border-color: var(--farba-cierna);
}

div#links img,
.lcIcons img {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: top;
  /* margin-right: .2rem; */
}
.lcIcons i.fa-solid {
  font-size: 130%;
  padding: .1rem .2rem;
  /* padding-left: .25em; */
}

/**** STICKY ****/
.lc-media-webrowscal h1.lcMESIACtitul {
  position: -webkit-sticky;   /* Safari */
  position: sticky;
  z-index: 99;
  top: 0;
}

h1.lcMESIACtitul div.lcDATUM {
  /* background-color: var(--farba-pozadie); */
  color: var(--farba-pismo);
  font-size: 2rem;
  justify-content: center;
  gap: .5em;
}


/************ Pre gréckokatolícky obrad *************/
/* .lc_gr_alit { */
  /* color: green; */
  /* font-size: 80%; */
/* } */

/* .lcHEAD .male { */
  /* font-size: 70%; */
/* } */

/* .lcHEAD .sep { */
  /* height: .5em; */
/* } */


@media print {

  .noPrint, .lcPREV, .lcNEXT, .lcPIN,
  .ui-dialog,
  input {
    display: none !important;
  }

  #lc, #text {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
  }

  h1, h2, h3, h4, h5, h6,
  p.lcRESPblock,
  p.lcVPEblock {
    page-break-after: avoid;
  }
}


/* ------------------------ INLINE zobrazenie ------------ */
.lcHEADinline .lcLINE,
.lcHEADinline .lcHEAD h3 div {
  display: inline !important;
}

.lcHEADinline .lc_head h3 i {
  display: inline !important;
  margin-left: 1em;
}

.lcHEADinline .lcHEADinfo .lcSEKCIAtitul,
.lcHEADinline .lcHEADinfo span {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
}

.lcHEADinline .lcHEADinfo div.input_group {
  display: block !important;
  margin-top: 4px;
}

.lcHEADinline .lcHEADinfo div.lcGRP.lcMEMO:before,
.lcHEADinline .lcHEADinfo div.lcGRP.lcMEMO:after {
  content: "";
}

.lcHEADinline .lcHEADinfo .lcRESPblock:before,
.lcHEADinline .lcHEADinfo .lcVPEblock:before {
  content: " ~ ";
}

/*.lcHEADinline .lcLINE:after,*/
.lcHEADinline .lcHEADinfo .lcGRP:after {
  content: "; ";
}

.lcHEADinline .lcHEADinfo .lcGRP:last-child:after {
  content: none;
}

.lcHEADinline .lcHEADinfo div.lcMEMO:before {
  content: "[ ";
}

.lcHEADinline .lcHEADinfo div.lcMEMO:after {
  content: " ]";
}

.lcHEADinline .lcHEAD .lcLINE .lcRESPblock,
.lcHEADinline .lcHEAD .lcLINE .lcVPEblock {
  display: inline;
  margin: 0;
}

/* ----------------------- onlyName zobrazenie ------------ */
.lcHEADonlyName .lc_head .lcHEADinfo {
  display: none;
}

.lcHEADonlyName .lc_head h5 i {
  margin-bottom: 0 !important;
}


/*** DIALOG ***********************/
.lcDIALOG {
  display: none;
  color: var(--farba-pismo);
}

.ui-dialog .lcDIALOG {
  display: block;
}

.ui-dialog.ui-widget {
  background-color: var(--farba-pozadie);
}

div.ui-widget-content,
div.ui-widget-content a {
  color: var(--farba-pismo);
  background-color: var(--farba-pozadie);
}

.ui-dialog-titlebar.ui-widget-header {
  background-color: var(--farba-ctrl-seda);
  color: var(--farba-pismo);
}

.ui-dialog .ui-button {
  background-color: var(--farba-ctrl-seda);
  color: var(--farba-pismo);
}

.ui-dialog .ui-button.ui-dialog-titlebar-close {
  zoom: var(--zoom);
}



.ui-widget {
  color: var(--farba-pisma);
  background-color: var(--farba-ctrl-seda);
}

.ui-dialog #info #footer #copyright {
  /* margin: 3rem -1em -.5em -1em; */
  padding: .4em 1em;
  position: relative;
  background-color: var(--farba-ctrl);
  border: 1px solid var(--farba-ctrl-seda);
  /* color: var(--farba-pismo); */
  font-weight: bold;
  font-size: 80%;
}

#info #footer p.info {
  margin-top: 3rem;
  font-size: 80%;
}

.ui-dialog h1:first-child,
.ui-dialog h3:first-child {
  margin-top: 0;
}


/***********************************************/

img#loading {
  display: none;
  position: fixed;
  top: 45vh;
  left: 50%;
  width: 40px;
  margin-left: -20px;
}

/************ font Size / zoom *****************/
html {
  font-size: var(--zoom);
}

input[type=checkbox] {
  transform: scale(var(--zoom1));
  -moz-transform: scale(var(--zoom1));
  -webkit-transform: scale(var(--zoom1));
  /* zoom: var(--zoom); */
}