/** Inspired by mdbootstrap.com
  3.3.14
  2020-02-16 Piotr Lenart <poczta@piotrlenart.pl>
  ## [6.0.1] 2022-12-18 - assets:css:style.css @import 'my.css?v=6.0.1'
  ## mod. def. .bg-mary
*/
.grey {
  background-color: #9e9e9e !important; }
  .grey.darken-3 {
    background-color: #424242 !important; }
.fiolet {
  background-color: #fdf2fd !important; }
.bg-white {
  background-color: #fff !important; }

/* not use */
footer pre {
  color: #fff;}
/**/
a:hover {
  text-decoration: none; }
/**/

/* Info WOF PL
  use: home.php .publish-conainer
  */
#rotator .carousel-caption {
  top: 1em;
  left: 1em;
  background-color: rgba(0,0,0,.6);
  width: 93%;
  border: .2em solid white; }
  #rotator .carousel-caption a {
    display: none;
    border: 1px solid white;
    padding: .5em;
    color: #FFF; }
    #rotator .carousel-caption a:hover {
      border-color: #A0A0A0;
      background-color: rgba(255,255,255,.2);
      color: #FFFECE; }
/**/
@media (min-width: 576px) {
  #rotator .carousel-caption {
    width: 50%; }
}
@media (min-width: 992px) {
  #rotator .carousel-caption {
    width: 30%; }
    #rotator .carousel-caption a {
      display: inline-block; }
}

/* overwrite bs4: _carousel.scss:160
      use: modules/module-rotator.php
*/
#rotator .carousel-indicators li {
  width: 50px;
  height: 20px; }

  /* overwrite bs4: _carousel.scss:160,146
      use: modules/sidebar.php
*/
#publishSideBar .publish-rotator .carousel-indicators li {
  height: 17px; }
#publishSideBar .publish-rotator .carousel-indicators {
  background: #80808094;
  padding: 0 .5em;
  margin: 0;
  width: 100%; }
  #publishSideBar .publish-rotator .carousel-indicators li {
    height: 17px; }

/* Info Card PL
  use: home.php .info-container
*/
.infos .card {
  background-color: #addeff !important;}
  .infos .card h5 {
    margin: 0; }
  .infos .card a {
    color: #fff !important; }
  .infos .card .infos-img {
    height: 9em;
    background-size: cover;
    background-repeat: no-repeat; }
  .infos .card .card-header {
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(0, 79, 124, 0.9); }
  .infos .card .card-body {
    position: relative;
    padding: 0; }
  .infos .card .card-text {
    padding: 1.25rem; }
  .infos .card .card-text > span {
    position: absolute;
    top: .5em; left: 15%; right: 15%;
    display: block;
    padding: .3em;
    background: #ff0000;
    background: #ff0000cc;
    color: #fff;
    text-align: center;
    font-weight: 700; }

/* Promoted Card
    use: modules/sidebar.php
  */
.default-card,
.promote-card {
  padding: 0;
  background-color: #ebebeb; }

/**/
.box-img {
  background-size: cover;
  background-repeat: no-repeat; }
/**/
.promote-img,
.news-img {
  height: 15em;}

.h-5 { height: 5em; }
.h-10 { height: 10em; }
.h-15 { height: 15em; }

/* Background positions
    use: templates/default.php
      home/templates/news.php
      home/modules/snp-header-news.php
*/
.bg-img {
  height: 12em;
  background-size: cover;
  background-position: center;
  background-color: #696a76 ;
  background-repeat: no-repeat; }
.bg-left-top, .bg-top-left {
  background-position: left top; }
.bg-left-center, .bg-center-left {
  background-position: left center; }
.bg-left-bottom, .bg-bottom-left {
  background-position: left bottom; }
.bg-center-top, .bg-top-center {
  background-position: center top; }
.bg-center {
  background-position: center center; }
.bg-center-bottom, .bg-bottom-center {
  background-position: center bottom; }
.bg-right-top, .bg-top-right {
  background-position: right top; }
.bg-right-center, .bg-center-right {
  background-position: right center; }
.bg-right-bottom, .bg-bottom-right {
  background-position: right bottom; }

/**/

/* GRID SYSTEM*/
.militia {
  grid-area: militia; }
.enroll {
  grid-area: enroll; }
.sanctuary {
  grid-area: sanctuary; }
.pilgrims {
  grid-area: pilgrims; }
.shop {
  grid-area: shop; }
.services {
  grid-area: services; }
.maximilian {
  grid-area: maximilian; }
.capella {
  grid-area: capella;}
.virtual {
  grid-area: virtual;}

.grid-container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "militia"
  "enroll"
  "sanctuary"
  "pilgrims"
  "services"
  "maximilian"
  "shop"
  "capella"
  "virtual";
  background-color: #fff;
  color: #444;
  margin: 1em 0; }
@media (min-width: 576px) {
  .grid-container {
  grid-template-columns: minmax(200px, 1fr) 1fr;
  grid-template-areas: 
  "militia enroll"
  "sanctuary pilgrims"
  "shop services"
  "maximilian maximilian"
  "capella virtual"; }
}
@media (min-width: 992px) {
  .grid-container {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: 
  "militia militia sanctuary"
  "enroll enroll sanctuary"
  "pilgrims shop services"
  "pilgrims maximilian maximilian"
  "capella capella virtual"; }
}

.grid {
  background-color: #444;
  color: #fff; }


ol.breadcrumbs {
  padding: 0;
  margin-top: 1em; }
li.breadcrumb-item {
  display: inline-block;
  list-style: none; }
/*.breadcrumb-item + .breadcrumb-item {
  padding-left: 0; }
.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0;
  content: ""; }*/

  .page-text li {
  margin-bottom: .1em; }

/* LIST DEF */
.list-color,
.li-danger,
.li-dark,
.li-default,
.li-info,
.li-light,
.li-primary,
.li-secondary,
.li-success,
.li-warning
 {
  padding-left: 1.25em; }
.list-color li,
.li-danger li,
.li-dark li,
.li-default li,
.li-info li,
.li-light li,
.li-primary li,
.li-secondary li,
.li-success li,
.li-warning li {
  position: relative;
  list-style: none; }
  .list-color li:before,
  .li-danger li:before,
  .li-dark li:before,
  .li-default li:before,
  .li-info li:before,
  .li-light li:before,
  .li-primary li:before,
  .li-secondary li:before,
  .li-success li:before,
  .li-warning li:before {
    position: absolute;
    top: .4em;
    left: -1.25em;
    content: "";
    height: .8em; }
  .list-color li:before {
    border-left: 5px solid var(--blue); }
  .li-danger li:before {
    border-left: 5px solid var(--danger); }
  .li-dark li:before {
    border-left: 5px solid var(--dark); }
  .li-default li:before {
    border-left: 5px solid var(--cyan); }
  .li-info li:before {
    border-left: 5px solid var(--info); }
  .li-light li:before {
    border-left: 5px solid var(--light); }
  .li-primary li:before {
    border-left: 5px solid var(--primary); }
  .li-secondary li:before {
    border-left: 5px solid var(--secondary); }
  .li-success li:before {
    border-left: 5px solid var(--success); }
    .li-warning li:before {
    border-left: 5px solid var(--warning); }

/* -- */
.card.promoting-card {
  position: relative;
  background-color: #ebebeb; }
  .card.promoting-card .card-text span {
    position: absolute;
    top: -1em;
    left: 1em;
    background-color: #ebebeb;
    padding: .5em 1em; }
/**/
summary{display:block;background-color:#0081e4;padding:1rem;margin:1em 0;color:#fff;transition:all 0.4s ease;cursor:pointer}
summary.start{margin:0;}
summary:hover, summary:focus{background-color:#444;}
summary.title{font-size:1.1em;font-weight:bold;}
/**/
.agenda {
  position: relative; }
  .agenda a {
    position: absolute; top:0; bottom: 0; left: 0; right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:transparent !important;
    color: #FFF;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-shadow: 0 0 12px #000;
            text-shadow: 0 0 12px #000; }
    .agenda a:hover {
      color: #DDD; }
  .agenda .btn {
    border-radius: initial; }
/**/
/* Flexbox Calendar */
.calendar aside.history {
  width: 100%;
  display: flex;
  flex-flow: row wrap; }
details .calendar aside.history {
  display: none; }
details .calendar  {
  margin-top: 1em; }
/**/
.calendar .card-header,
.calendar .card-body {
  padding: .5rem .75rem; }
.calendar .card-body {
  border-top: 1px solid rgba(0,0,0,.125); }
  .calendar .card-body:first-child {
    border-top: none; }
  .calendar .card-body.text {
    min-height: 8em; }
  .calendar .bg-advent .card-body,
  .calendar .bg-fest .card-body,
  .calendar .bg-lent .card-body {
    border-top: 1px solid rgba(255,255,255,.5); }
.calendar .card-title {
  text-transform: uppercase;
  margin: .5rem 0; }
.calendar .card-link {
  display: inline-block;
  margin-top: .5rem; }

/**/
.milite-box img {
  height: auto;
}
/* Cards Responsive
   https://codepen.io/3psy0n/pen/LYpajmX
*/

#pageHeaderTitle {
  margin: 2rem 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 2.5rem;
}

/* Cards */
.postcard {
  flex-wrap: wrap;
  display: flex;
  box-shadow: 0 4px 21px -12px rgba(0,0,0,.66);
  border-radius: 10px;
  margin: 0 0 2rem 0;
  overflow: hidden;
  position: relative;
  color: #fff; }
.postcard.light {
  background-color: #e1e5ea; }
.postcard .t-dark {
  color: #18151f; }
.postcard a {
  color: inherit; }
.postcard h1, .postcard .h1 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2; }
.postcard .small {
  font-size: 80%; }
.postcard .postcard__title {
  font-size: 1.75rem; }
.postcard .postcard__img {
  max-height: 180px;
  width: 100%;
  object-fit: cover;
  position: relative; }
.postcard .postcard__img_link {
  display: contents; }
.postcard .postcard__bar {
  width: 50px;
  height: 10px;
  margin: 10px 0;
  border-radius: 5px;
  background-color: #424242;
  transition: width 0.2s ease; }
.postcard .postcard__text {
  padding: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column; }
.postcard .postcard__preview-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  height: 100%; }
.postcard .postcard__tagbox {
  display: flex;
  flex-flow: row wrap;
  font-size: 14px;
  margin: 20px 0 0 0;
  padding: 0;
  justify-content: center; }
.postcard .postcard__tagbox .tag__item {
  display: inline-block;
  background: rgba(83,83,83,.4);
  border-radius: 3px;
  padding: 2.5px 10px;
  margin: 0 5px 5px 0;
  cursor: default;
  user-select: none;
  transition: background-color .3s; }
.postcard .postcard__tagbox .tag__item:hover {
  background: rgba(83,83,83,.8); }
.postcard:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-70deg, #424242, transparent 50%);
  opacity: 1;
  border-radius: 10px; }
.postcard:hover .postcard__bar {
  width: 100px; }

@media screen and (min-width: 769px) {
  .postcard {
    flex-wrap: inherit; }
  .postcard .postcard__title {
    font-size: 1.5rem; }
  .postcard .postcard__tagbox {
    justify-content: start; }
  .postcard .postcard__img {
    max-width: 300px;
    max-height: 100%;
    transition: transform .3s ease; }
  .postcard:hover .postcard__img {
    transform: scale(1.1); }
  .postcard:nth-child(2n+1) {
    flex-direction: row; }
  .postcard:nth-child(2n+0) {
    flex-direction: row-reverse; }
}
@media screen and (min-width: 1024px) {
  .postcard .postcard__text {
    padding: 2rem; }
  .postcard .postcard__preview-txt {
    text-align: right; }
}
/* COLORS */
.postcard .postcard__tagbox .green.play:hover { background: #79dd09; color: black; }
.green .postcard__title:hover { color: #79dd09; }
.green .postcard__bar { background-color: #79dd09; }
.green::before { background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%); }
.green:nth-child(2n)::before { background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%); }
.postcard .postcard__tagbox .blue.play:hover { background: #0076bd; }
.blue .postcard__title:hover { color: #0076bd; }
.blue .postcard__bar { background-color: #0076bd; }
.blue::before { background-image: linear-gradient(-30deg, rgba(0,118,189,.1), transparent 50%); }
.blue:nth-child(2n)::before { background-image: linear-gradient(30deg, rgba(0,118,189,.1), transparent 50%); }
.postcard .postcard__tagbox .red.play:hover { background: #bd150b; }
.red .postcard__title:hover { color: #bd150b; }
.red .postcard__bar { background-color: #bd150b; }
.red::before { background-image: linear-gradient(-30deg, rgba(189,21,11,.1), transparent 50%); }
.red:nth-child(2n)::before { background-image: linear-gradient(30deg, rgba(189,21,11,.1), transparent 50%); }
.postcard .postcard__tagbox .yellow.play:hover { background: #bdbb49;   color: black; }
.yellow .postcard__title:hover { color: #bdbb49; }
.yellow .postcard__bar { background-color: #bdbb49; }
.yellow::before { background-image: linear-gradient(-30deg, rgba(189,187,73,.1), transparent 50%); }
.yellow:nth-child(2n)::before { background-image: linear-gradient(30deg, rgba(189,187,73,.1), transparent 50%); }
@media screen and (min-width: 769px) {
  .green::before { background-image: linear-gradient(-80deg, rgba(121,221,9,.1), transparent 50%); }
  .green:nth-child(2n)::before { background-image: linear-gradient(80deg, rgba(121,221,9,.1), transparent 50%); }
  .blue::before { background-image: linear-gradient(-80deg, rgba(0,118,189,.1), transparent 50%); }
  .blue:nth-child(2n)::before { background-image: linear-gradient(80deg, rgba(0,118,189,.1), transparent 50%); }
  .red::before { background-image: linear-gradient(-80deg, rgba(189,21,11,.1), transparent 50%); }
  .red:nth-child(2n)::before { background-image: linear-gradient(80deg, rgba(189,21,11,.1), transparent 50%); }
  .yellow::before { background-image: linear-gradient(-80deg, rgba(189,187,73,.1), transparent 50%); }
  .yellow:nth-child(2n)::before { background-image: linear-gradient(80deg, rgba(189,187,73,.1), transparent 50%); }
}

/**/
.houser .box{border:1px solid #cc5015;background:#faebd7;margin:3rem 0;padding:1rem 2rem}
.houser .box figure img{width:100%;margin:.5rem 0;box-shadow:0 0 .5rem #cc5015;opacity:.8}
.houser .box figure img:hover{margin:.75rem 0 .25rem 0;box-shadow:none;outline:.15rem solid #cc5015;opacity:1}
.houser .box figcaption{
  padding: 1rem 0; }

/* https://codepen.io/glebkema/pen/QQOZRe */
.mb-0 > a {
  display: block;
  position: relative;
}
.mb-0 > a:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
}
.mb-0 > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}

/* https://bootsnipp.com/snippets/p1qAD BS 3.0.0 */
.gal {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}	
.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 768px) {
  .gal {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
}
@media (max-width: 500px) {
  .gal {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/* Background addition colors */

.bg-advent, .bg-lent {
  color: #FFF;
  background-color:#b23cfd!important }
.bg-ordinary {
  color: #FFF;
  background-color:#00b74a!important }
.bg-fest {
  padding: .375rem .75rem !important;
  color: #FFF;
  background-color:#f93154!important }
.bg-mary {
  color: #FFF;
  background-color:#1266f1!important }

.bg-advent a.card-link,
.bg-lent a.card-link,
.bg-ordinary a.card-link,
.bg-fest a.card-link {
  color: #FF0; }
.bg-advent a.card-link:hover,
.bg-lent a.card-link:hover,
.bg-ordinary a.card-link:hover,
.bg-fest a.card-link:hover {
  color: #FFE; }
.bg-mary.border-top-advent,
.bg-mary.border-top-lent,
.bg-mary.border-top-ordinary {
  padding: .375rem .75rem !important;}


/* Border addition colors */
.border-top-advent, .border-top-lent {
  border-top: 3px solid #b23cfd!important }
.border-top-ordinary {
  border-top: 3px solid #00b74a!important }

/* Responsive video format */

video {
  max-width: 100%;
  height: auto; }

/* Boxes in Footer - main.css v.3.2.1 */
@media (min-width: 992px) and (max-width: 1199px) {
  /* 312 */
  .bottom-box h2 {
    font-size: .9rem;
    letter-spacing: initial; }
  /* 317 */
  .bottom-box h2 > span {
    font-size: 1.1rem; }
  /* 319 */
  .bottom-box p {
    font-size: 90%; }
}