/*** JUBILIEJUS2025.katalikai.lt styles ***/

	:root {
      --zalia: #0b9444;
      --melyna: #4fabe3;
      --geltona: #fac62e;
      --raudona: #eb1923;
	  --vysnia: #bc1a28;
      --juoda: #212529; /* bs juoda tekstui */
      --pilka: #6c757d;
      --balta: #fff;
      --fon-zalia: #e6f4ec;
      --fon-geltona: #fff5e4;
      --fon-raudona:  #FEE9E9; /* dales */
	  --fon-melyna: #E5F4FD; /* dales */
      --bs-navbar-active-color: #0b9444;
      --bs-breadcrumb-divider: '❭'; /* alt+0187 alt+0155*/
	}

body {font-family: 'Roboto', sans-serif;font-size:16px;}
/*main {height:cal(100vh - 700px)}*/

#kelias {font-size:0.9em}

a {text-decoration:none; color: var(--zalia)}
/*a:visited {color: var(--pilka)}*/
a:hover {color: var(--raudona)}
b, strong {font-weight:500}

.text1 {font-size:1.1rem}
.text2 {font-size:1.2rem}
.text3 {font-size:1.3rem}

h1, h2 {color:var(--zalia); margin-bottom:0.5em}
h1 span {display:inline-block;width:100%}

.hzalia {margin-top:2rem;border-bottom:2px solid var(--zalia); color:var(--zalia)}
.hgeltona {margin-top:2rem;border-bottom:2px solid var(--geltona); color:var(--geltona)}
.hraudona {margin-top:2rem;border-bottom:2px solid var(--raudona); color:var(--raudona)}
.hmelyna {margin-top:2rem;border-bottom:2px solid var(--melyna); color:var(--melyna)}
.hvysnia {margin-top:2rem;border-bottom:2px solid var(--vysnia); color:var(--vysnia)}

h6 a.nlaukas_title, .textj a {color: var(--juoda)} /* titulinio */
.textj a:hover {color: var(--raudona)}

audio#himnas::-webkit-media-controls-enclosure {
    background-color:var(--geltona)}
/* https://stackoverflow.com/questions/3794682/custom-css-for-audio-tag */

.zalia {color:var(--zalia)}
.zalia a {color: var(--zalia)}
.zalia a:hover {color: var(--raudona)}
.balta {color:var(--balta)}
.geltona {color:var(--geltona)}
.melyna {color:var(--melyna)}
.raudona {color:var(--raudona)}
.vysnia {color:var(--vysnia)}
.pilka {color:var(--pilka)}
.juoda {color:var(--juoda)}

.zalias-fon {background-color:var(--zalia);}
.geltonas-fon {background-color:var(--geltona);}
.melynas-fon {background-color:var(--melyna);}
.raudonas-fon {background-color:var(--raudona);}
.news-data {font-size:0.8em}
.news-name a:after {content: "\00A0\27A4";color:var(--zalia)} /* \00A0- non-breaking-space, titulinis  */

/* titulinio mygtukai */
.ant-zalios {line-height: 3rem}
.ant-zalios a {white-space: pre;padding:8px 12px; margin-right:10px; background-color: var(--zalia);color:var(--balta);font-weight:500;border-radius:4px}
.ant-zalios a:hover, .ant-zalios a:active {background-color: var(--raudona);}

.ant-zalsvos {line-height: 3rem}
.ant-zalsvos a {white-space: pre;padding:8px 12px; margin-right:10px; background-color: #c7dfbd;color:#1c443b;font-weight:500;border-radius:4px}
.ant-zalsvos a:hover, .ant-zalios a:active {background-color: var(--raudona);color:white}

/** kiti mygtukai **/
a.myg {padding:8px 12px; margin-right:10px; color:var(--balta);font-weight:500;border-radius:4px}
a.myg:hover, a.myg:active {background-color: var(--vysnia);}

/* LT veiavele meniukuose */
.lt-vel {display:inline-block;width:2px;height:14px;border-left:2px solid #FDB913;padding-right:2px;transform: rotate(20deg)}
.lt-geltona {border-left-color:#FDB913;}
.lt-zalia {border-left-color:#006A44;}
.lt-raudona {border-left-color:#C1272D;}

.fon-zalia {background-color:var(--fon-zalia);}
.fon-geltona {background-color:var(--fon-geltona);}
.fon-melyna {background-color:var(--fon-melyna);}
.fon-raudona {background-color:var(--fon-raudona);}

/*.w1400 ul { list-style-type: none; margin: 0; padding: 0; }
.w1400 ul li {padding-left: 2em}
.w1400 ul li:before {content: ' \F287';color:var(--zalia)}*/
/*<i class="bi bi-car-front"></i>
<i class="bi bi-taxi-front"></i>
<i class="bi bi-bus-front"></i>
<i class="bi bi-train-front"></i>
<i class="bi bi-exclamation-circle-fill"></i>
*/
/* vietiniaims linkams =meniu LANKYTINOS VIETOS */
.link-lokaliai ul {padding: 0; margin: 0; list-style: none;}
.link-lokaliai ul li a {display:inline-block;width:100%;}
.link-lokaliai ul li a {padding:0 1em}
.link-lokaliai ul a:hover {background-color: var(--zalia);color:white}


.bg-logo1 {background-image:url(../assets/logo/jubiliejus2025-logo1_baltas.png);
    background-position: right bottom;background-repeat: no-repeat;background-size:contain}
.bg-logoo {background-image:url(../assets/logo/jubiliejus2025-logo_baltas.svg);
    background-position: left bottom;background-repeat: no-repeat;background-size:contain}
.bg-logoo_lot {background-image:url(../assets/logo/iubilaeum2025-logo_baltas.svg);
    background-position: left bottom;background-repeat: no-repeat;background-size:contain}
.border1-zalia {border:1px solid var(--zalia)}
.border2-zalia {border:2px solid var(--zalia)}
.border1-geltona {border:1px solid var(--geltona)}
.border2-geltona {border:2px solid var(--geltona)}
.borderl1-zalia {border-left:1px solid var(--zalia)} /* vietiniams meniu */
.bordert1-zalia {border-top:1px solid var(--zalia)}
.bordert1-geltona {border-top:1px solid var(--geltona)}
.bordert1-raudona {border-top:1px solid var(--raudona)}
.borderb2-zalia {border-bottom:2px solid var(--zalia)}
main hr {border-top:1px dotted var(--zalia)}

.mygtukas {display:block;height:60px;width:100%;line-height:60px;/*width:100%;*/border:2px solid var(--zalia); background-color:var(--zalia);
	border-radius:30px 0 0 30px; padding:4px 8px 0 60px; color: var(--balta);font-weight:500;margin:1rem 0;text-align:right;}
.mygtukas p { line-height: 1.5; display: inline-block; vertical-align: middle; }
a:hover .mygtukas {background-color:var(--raudona);border-color:var(--raudona)}
.myg-geltona {border-color:var(--geltona);background-color:var(--geltona);}
.myg-melyna {border-color:var(--melyna);background-color:var(--melyna);}
.myg-raudona {border-color:var(--raudona);background-color:var(--raudona);}
.myg-vysnia {border-color:var(--vysnia);background-color:var(--vysnia);}
.myg-fon-geltona {border-color:var(--fon-geltona);background-color:var(--fon-geltona);}
.myg-fon-melyna {border-color:var(--fon-melyna);background-color:var(--fon-melyna);}
.myg-fon-raudona {border-color:var(--fon-raudona);background-color:var(--fon-raudona);}

.w1400 {max-width:1400px;}
a.daugiau {font-size:15px}
a.daugiau:after {content: "daugiau\00A0\27A4"} /* html:&#10148;  kitos rodykles: \276F \2771 */

/* foto su antrašte **/
figure.figure.img-right {position:relative;float:right;width:50%;padding:0 0 0.7em 1em;margin:0}
figure.figure.img-left {position:relative;float:left;width:50%;padding:0 1em 0.7em 0;margin:0}
img.figure-img {width:100%;height:auto;}
figure .figure-caption {font-size:0.8em;color:var(--pilka);font-style:italic;margin:0}
/*figure .img-right .figure-caption {text-align: right!important;}
figure .img-left .figure-caption {text-align:left!important;}*/

/* vyskupiju saraso akordeonas */
a.vysk-link {display:inline-block;width:100%;margin:4px 0;padding:2px 8px;background-color:var(--fon-zalia);color:var(--zalia)}
a.collapse-link {font-size:1rem;display:inline-block;transform: rotate(90deg);}
a.collapse-link:focus {transform: rotate(-90deg);}
a.collapse-link:active {transform: rotate(-90deg);}

/* virselio-desines spalvoti linkai */
.link-spalvoti {display:inline-block;width:100%;max-width:300px;color:white;padding-top:1px} 
a.link-spalvoti {color:white;}
a.link-spalvoti:hover {background-color:var(--raudona)}
a.zalia {color:var(--zalia)}
a.zalia:hover {color:var(--raudona)}

a.nav-link {color:var(--pilka)}
a.nav-link:hover {color:var(--zalia)}

/* nav meniukai */
.navbar-toggler {color:var(--zalia);border-color:var(--zalia);border-radius:2px}
.navbar-toggler:hover {background-color: var(--zalia);color:var(--balta)}
.navbar-toggler:focus {color:var(--balta);background-color:var(--raudona);border-color:transparent;box-shadow: 0}

.navbar .dropdown-menu {background-color:var(--fon-zalia);border:none;border-top:1px solid var(--zalia);border-radius: 0 0 3px 3px}
.navbar .dropdown-menu a {color:var(--zalia)}
.navbar .dropdown-menu a:hover {color:var(--balta);background-color:var(--zalia)}
.navbar .dropdown-menu a:active {color:var(--balta);background-color:var(--raudona)}
.navbar .dropdown-divider {border-top: 1px dotted var(--zalia);}

/* katalikai.lt meniukas */
.container-link-katalikai {position:absolute;top:10px;left:10px}
#link-katalikai img {width:50%}
#link-katalikai .dropdown-menu {background-color:var(--fon-geltona);border:none;border-top:1px solid var(--geltona);border-radius: 0 0 3px 3px}
#link-katalikai .dropdown-menu a {color:var(--pilka)}
#link-katalikai .dropdown-menu a:hover {color:var(--balta);background-color:var(--geltona)}
#link-katalikai .dropdown-menu a:active {color:var(--balta);background-color:var(--raudona)}
#link-katalikai .dropdown-divider {border-top: 1px dotted var(--geltona);}

.seses ul {padding: 0; margin: 0; list-style: none;}
.seses li {display: block; }
.seses li:hover {background-color:var(--zalia);color:var(--balta)}
.seses li a:link, .seses li a:visited  {display: block;color:var(--zalia);width: 100%;padding:0.2em 1em}
.seses li a:hover, .seses li a:active  {background-color:var(--zalia);color:var(--balta)}

.vaikai {border-top:1px dotted var(--zalia);font-size:0.9em}
.vaikai ul {padding: 0; margin: 0; list-style: none;}
.vaikai li {display: inline-block; padding:0.2em 1em}

/* bs tiuninimai  maldu-psalmiu navigacijai*/
#v-pills-tab .nav-link {
	color: var(--zalia); 
	border-radius: 0.375rem !important;
    padding: 0.25rem !important;
}
#v-pills-tab .nav-link.active {
	color:var(--balta);
	font-weight: 500;
    background-color: var(--zalia);
}



div.medis {margin-left:2rem}
.medis ul {padding: 0; margin: 0; list-style: none;}
.medis ul li a {margin:0;padding: 4px 1rem;background-color:var(--fon-zalia);text-transform:uppercase;display:block;width:100%;font-weight:500}
.medis ul li li a {padding: 0; margin-left:1rem;background-color:var(--balta);text-transform:none}
.medis ul li li li a {padding: 0; margin-left:2rem;background-color:var(--balta);text-transform:none;font-weight:normal}

@media only screen and (max-width: 576px) {
    .dales-up {margin-top:-16px;}
	.container-link-katalikai  {top:0px;left:0}
	#link-katalikai img {width:40%}
}

@media only screen and (max-width: 768px) {
figure.figure.img-right {position:relative;width:100%;padding:0 0 0.7em 0;margin:0}
figure.figure.img-left {position:relative;width:100%;padding:0 0 0.7em 0;margin:0}
/* img.img-right {position:relative;width:100%; padding:0 0 1em 0}
	img.img-left {position:relative;width:100%; padding:0 0 1em 0}*/
}

@media only screen and (min-width: 992px) {
     .navbar {margin-top:-24px;font-size:1.2rem}
}

.footer { color:var(--balta);background-color:var(--zalia);}
.footer p {margin:0.5em 0}
.footer a:link, .footer a:visited {color:var(--fon-zalia);}
.footer a:hover {color:var(--balta)}


/*** kalendorius pagal  https://mdbootstrap.com/docs/standard/extended/timeline/  ***/

/* The actual timeline (the vertical ruler) */
.main-timeline { position: relative;}

/* The actual timeline (the vertical ruler) */
.main-timeline::after {
  content: "";
  position: absolute;
  width: 3px; /* 6px */
  background-color: var(--geltona); 
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -2px; 
}

/* Container around content */
.timeline { position: relative; background-color: inherit; width: 50%; }

/* The circles on the timeline */
.timeline::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: var(--geltona);
  border: 5px solid var(--geltona);
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left { padding: 0px 30px 10px 0px; left: 0; }

/* Place the container to the right */
.right { padding: 0px 0px 10px 30px; left: 50%; }

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  right: 20px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  left: 20px; 
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after { left: -12px; }

/* dales */
section.kalendorius-all {margin: 0 0 1rem 0; padding: 0; height:100%} 
section.kalendorius-list {margin: 0 0 1rem 0; padding: 0; max-height: 1200px; overflow-y: scroll !important;} 
.timeline .card-body {border:3px solid var(--fon-zalia);background-color: var(--fon-zalia); }
section.kalendorius-list .timeline .card-body {border:0; }

/* Media queries - Responsive timeline on screens less than 600px wide - KEISTA*/
@media screen and (min-width: 768px) {
  section.kalendorius-list .timeline .card-body {border:0; }
  /* Place the timeline to the left */
  section.kalendorius-list .main-timeline::after { left: 31px; }

  /* Full-width containers */
  section.kalendorius-list .timeline { width: 100%; padding-left: 60px; padding-right: 15px; }

  /* Make sure that all arrows are pointing leftwards */
  section.kalendorius-list .timeline::before {
    left: 50px; 
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  section.kalendorius-list .left::after, section.kalendorius-list .right::after { left: 18px; }
  section.kalendorius-list .left::before { right: auto; }

  /* Make all right containers behave like the left ones */
  section.kalendorius-list .right { left: 0%; }

/* dales rodykles i timeline*/
section.kalendorius-list .timeline::before {border-right-color:transparent} 
/*.timeline.va-ka::before { border-right-color:var(--geltona)}
.timeline.lt-ka::before { border-right-color:var(--raudona)}
.timeline.vysk-ka::before { border-right-color:var(--zalia)}*/

}

/* dales */
/*.main-timeline::after { background-color: var(--melyna); }
.timeline .card-body small { color:var(--melyna); }
.timeline .card-body {border-top:0px dotted var(--balta);background-color:var(--fon-zalia);}*/

.timeline a {color: var(--pilka);font-weight:500}
.timeline a::after {content: "\00A0\27A4";color:var(--balta)}
.timeline a:hover {color: var(--juoda)}

/*.timeline.va-ka .card-body {border-color: var(--geltona); }
.timeline.lt-ka .card-body { border-color:var(--raudona); }
.timeline.vysk-ka .card-body { border-color:var(--zalia); } */

.timeline .card-body small { color:var(--zalia); } 
/* .timeline.va-ka .card-body small {color: var(--geltona); }
.timeline.lt-ka .card-body small { color:var(--raudona); }
.timeline.vysk-ka .card-body small { color:var(--zalia); } */

.timeline.va-ka::after { border-color:var(--geltona); background-color:var(--geltona);}
.timeline.lt-ka::after { border-color:var(--raudona); background-color:var(--raudona);}
.timeline.vysk-ka::after { border-color:var(--zalia); background-color:var(--zalia); }
.timeline.lt-ka.lt-va::after { border-color:var(--geltona); background-color:var(--raudona);}

/* ca-rykleles spavos */
.timeline.left::before {border-left-color:var(--fon-zalia)}
.timeline.right::before {border-right-color:var(--fon-zalia)}
/*.left.va-ka::before { border-left-color:var(--geltona)}
.right.va-ka::before { border-right-color:var(--geltona)}
.left.lt-ka::before { border-left-color:var(--raudona)}
.right.lt-ka::before { border-right-color:var(--raudona)}
.left.vysk-ka::before { border-left-color:var(--zalia)}
.right.vysk-ka::before { border-right-color:var(--zalia)}*/

/* rodyklele po ca-renginio pavadinimo */
.timeline.va-ka a::after { color:var(--geltona);}
.timeline.lt-ka a::after { color:var(--raudona);}
.timeline.vysk-ka a::after { color:var(--zalia); }
.timeline.lt-ka.lt-va a::after { color:var(--raudona);}

/** social media bar https://www.w3schools.com/howto/howto_css_sticky_social_bar.asp**/
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%; right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px; /*16px;*/
  transition: all 0.3s ease;
  color: white;
  font-size: 16px; /*20px; */
}

/* Style the social media icons */
/*.icon-bar a:hover { background-color: #ccc; }
.email { background: #007bb5; color: white; }
.facebook { background: #3B5998; color: white; }
.twitter { background: #55ACEE; color: white; }
.google { background: #dd4b39; color: white; }
.telegram { background: #55ACEE; color: white; } 
.linkedin { background: #007bb5; color: white; } 
.youtube { background: #bb0000; color: white; }*/

/*.icon-bar a {background-color:var(--pilka);color:var(--balta)}
a.email:hover {background: #007bb5;color: white; }
a.facebook:hover { background: #3B5998; color: white; }
a.twitter:hover { background: #55ACEE; color: white; }
a.google:hover { background: #dd4b39; color: white; }
a.telegram:hover { background: #55ACEE; color: white; } 
a.linkedin:hover { background: #007bb5; color: white; } 
a.youtube:hover { background: #bb0000; color: white; }*/

.icon-bar {border: 1px dotted var(--pilka);border-right:0}
.icon-bar a {background-color:transparent;color:var(--pilka)}
a.email:hover {background: #bc1a28;color: white; } /*#007bb5*/
a.facebook:hover { background: #1877f2; color: white; }
a.twitter:hover { background: #1da1f2; color: white; }
a.whatsapp:hover { background: #25D366; color: white; }
a.telegram:hover { background: #0088cc; color: white; } 
a.linkedin:hover { background: #007bb5; color: white; } 
a.youtube:hover { background: #bb0000; color: white; }

/** Romos piligrimu liturgija **/
.rliturgija p {font-family:Georgia; font-size:1.2rem}
.rliturgija strong {color: var(--raudona);}
.rliturgija .tema {font-size:1rem;font-style:italic;margin-top:-0.8em}
.rliturgija .rub {color: var(--raudona);font-size:1rem;font-style:italic}
.rliturgija .info {font-family: 'Roboto', sans-serif;}
.rliturgija .poteriai {font-family: 'Roboto', sans-serif; font-size:1.3rem; font-weight:500; font-variant: small-caps; }
.rliturgija .retas {letter-spacing: 0.2em;font-size: 1.3rem}
.rliturgija h3 {font-size:1.6rem;font-weight: normal; font-variant: small-caps; color:var(--raudona);}
.rliturgija h4 {color:black;border-bottom:0 solid var(--pilka)}
.rliturgija h3 code {color: var(--raudona);
    display: inline-block;
    margin-left: 1em;
    float: right;
    font-family: Georgia;
    font-size: 1rem;
    font-variant: normal;
    text-align: right;}